|
5 d3 c7 L$ ?$ {! K
浏览网站时按下F12,发现代码中有很多meta标签,各个meta标签都有何作用呢?
1 c1 [0 p/ [$ o9 ]4 T' Z) Q0 } meta元素往往不会引起用户的注意,但是meta对整个网页有影响,会对网页能否被搜索引擎检索,和在搜索中的排名起着关键性的作用。 5 x* }* }3 W+ W1 B! a, m+ O' q
常用meta标签总结接下来就是常用的meta标签总结啦1.Charset属性charset是HTML5中的新属性,用来定义页面的编码格式,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了,常见属性如下:
/ O1 Q0 R% ~" E) e 在使用时根据需求,只使用其中一个即可。charset有两种写法,两个都是等效的: ! F8 M7 @5 O* o3 n
2.name属性(SEO 优化部分)name属性可以用来定义网页的关键字、描述、作者以及版权信息等等,当name属性规定好这些信息后,后面还需紧跟 content 属性设置具体的内容,这样才可以生效 4 b3 X9 k, K2 m8 R6 K
3.viewportviewport主要是影响移动端页面布局的,在响应式网站中普遍用到,例如:  . d9 |/ J. m) m/ |. Y
4.http-equiv属性所有主流浏览器都支持 http-equiv 属性。它可以设置网页的过期时间,自动刷新等,有以下几个常用属性值: 
: S- @$ \) ?9 X 5.content-type常用属性值上面我们提到了content-type用来定义文件的类型,在此处为读者附上 content-type 常用文件类型值
7 v0 \ c2 Q8 @% R3 j: D# a( J D' n6 ]2 G3 j
+ u6 c2 F; D0 x+ R6 l, {
4 r( U8 r8 }6 u4 z; Z( Q- q/ T C$ f# _2 P
|