美文网首页
meta的几种用途

meta的几种用途

作者: 年丶轮 | 来源:发表于2019-07-20 22:10 被阅读0次

meta 中的几个属性值

  • meta的属性有三个,分别是:name,content,http-equiv
  • content里面的charset是声明文档使用的字符编码,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了。
// 两种 charset 的写法
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  • content里面的no-siteapp 和 no-transform
    都是百度禁止转码的意思。
    • siteapp:百度的方舟计划,百度移动搜索对缺乏可替代mobile资源的PC页进行格式转码。
    • transform:百度移动的格式转码。

百度转码是为了让网页的速度更快,兼容性更好,出发点是很好的,不过,你会发现百度转码之后我们的网页上不光有可能发生布局、主题上的变化,还会加上百度的广告。
所以我们不希望百度转码的话,可以在这里头部写上这两行来禁止百度转码。

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

相关推荐:两者的区别

  • name里面的viewport
    viewport主要是影响移动端页面布局的
<meta name="viewport" content="width=device-width, initial-scale=1.0">

\underline{ content 参数:}

width viewport 宽度
height viewport 高度
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放

  • http-equiv里面的Refresh
    重定向用户

meta的作用

meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

可以写文档的描述,文章的作者,版权,文档的关键词等信息。

重定向用户,就是把用户重定向到新的网址。

相关文章

网友评论

      本文标题:meta的几种用途

      本文链接:https://www.haomeiwen.com/subject/zxmylctx.html