常用的meta标签以及用处
通常,我们都习惯使用!自动生成。
一、设置meta元素charset属性
meta 元素是一个字符集声明,charset="UTF-8"告诉文档使用UTF-8字符编码。
二、设置meta http-equiv属性
meta 元素则是编译指令,提供的信息与类似命名的 HTTP 头部相同。
http-equiv和content一起使用,前者表示要表示的元数据的名称,后者是元数据的值。
http-equiv的值
1.X-UA-Compatible我们最常见的http-equiv值可能就是X-UA-Compatible,它是用来是做IE浏览器适配的。
IE=edge告诉浏览器,以当前浏览器支持的最新版本来渲染,IE9就以IE9版本来渲染。
2.content-type用来声明文档类型和字符集
3.x-dns-prefetch-control
4.cache-control、Pragma、Expires
三、设置meta name属性
meta 元素提供的是文档级别的元数据,应用于整个页面。
name和content一起使用,前者表示要表示的元数据的名称,后者是元数据的值。
name的值有:
1.author用来表示网页的作者的名字,例如某个组织或者机构。
2.description是一段简短而精确的、对页面内容的描述。
3.keywords与页面内容相关的关键词,使用逗号分隔。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
4.viewpoint为 viewport(视口)的初始大小提供指示。width用来设置 viewport 的宽度为设备宽度;initial-scale为设备宽度与 viewport 大小之间的缩放比例。
5.robots表示爬虫对此页面的处理行为,或者说,应当遵守的规则,是用来做搜索引擎抓取的。
6.renderer用来指定双核浏览器的渲染方式,比如360浏览器,我们可以通过这个设置来指定360浏览器的渲染方式;如 //默认webkit内核
四、设置meta itemprop 属性
meta 元素提供用户定义的元数据。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通