常用的meta标签以及用处

通常,我们都习惯使用!自动生成。

Document meta:文档级元数据元素,meta标签一般放在整个html页面的head部分

一、设置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 元素提供用户定义的元数据。

posted @   张小新の博客  阅读(585)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示