肛震不屙 发表于 2023-5-10 16:00:25

HTML中meta标签的那些属性

标签是 HTML 中用于描述网页元信息的元素。它位于部分,不会显示在页面内容中,但对于浏览器、搜索引擎等具有重要作用。主要作用有:定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等,这些信息有助于搜索引擎理解和索引网页内容。
 

   标签的主要属性有:
1.    charset :定义文档的字符编码,如 UTF-8。例如:   
 
2.    name :定义元信息的名称,与 content 属性配合使用。常见的 name 属性值有:description(网页描述)、keywords(关键词)、author(作者)、viewport(视口设置)。例如:
    -   描述信息:   
    -   关键词:   
    -   作者:   
    -   视口设置:   
 
3.    http-equiv:定义 HTTP 头部的元信息,如:Content-Type(内容类型)、X-UA-Compatible(浏览器兼容性)、refresh(自动刷新)。例如:
    -   内容类型:   
    -   浏览器兼容性:   
    -   自动刷新(每隔 5 秒刷新一次):   
注意,由于    标签没有内容,所以不需要闭合标签。不同的属性可以搭配使用,以提供更多信息。


除了之前提到的属性外,还有一些不太常用但可能有用的    属性和应用场景:
1.robots:指定搜索引擎爬虫如何处理页面。例如:
      
    上面的示例表示告诉搜索引擎爬虫不要索引该页面,也不要沿着该页面的链接继续爬行。
 
2.theme-color:定义浏览器地址栏的颜色,仅在支持的移动设备上有效。例如:
      
 
3.application-name:定义网页在启用 Web 应用时的名称。例如:
      
 
4.generator:指定生成该网页的软件名称。例如:
      
 
5.language:定义网页内容的主要语言。例如:
      
 
6.expires:设定网页过期时间,过期后浏览器将从服务器重新请求。例如:
      
 
7.pragma:禁止浏览器从本地计算机的缓存中访问页面内容。例如:
   

   
8.Cache-Control:指定浏览器如何缓存页面。例如:
   

   
9.Cproperty:用于指定 Open Graph 元数据。例如:
<head>
    <meta property="og:title" content="页面标题">
    <meta property="og:description" content="页面描述">
    <meta property="og:image" content="页面图片 URL">
   
   
</head> 

这些属性在特定的应用场景下可能有用,但并非在所有网页中都需要使用。根据实际需求和目标选择合适的属性来配置    标签。

来源:https://www.cnblogs.com/ronaldo9ph/p/17387101.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: HTML中meta标签的那些属性