找回密码
 加入怎通
查看: 159|回复: 0

杭州蓝韵网络 | meta标签到底是做什么的?我竟一无所知(蓝韵公司是做什么产品的?)

[复制链接]
我来看看 发表于 2023-03-09 12:47:54 | 显示全部楼层 |阅读模式
$ W6 \! f* w7 [3 \8 p" w8 C

浏览网站时按下F12,发现代码中有很多meta标签,各个meta标签都有何作用呢?

" C: E+ {% {- c8 k% P A

meta元素往往不会引起用户的注意,但是meta对整个网页有影响,会对网页能否被搜索引擎检索,和在搜索中的排名起着关键性的作用。

: K; W' Q& M( `- }8 a' M m+ d0 V% f) i

常用meta标签总结接下来就是常用的meta标签总结啦1.Charset属性charset是HTML5中的新属性,用来定义页面的编码格式,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了,常见属性如下:

+ R) n* O$ T% s6 b. V

在使用时根据需求,只使用其中一个即可。charset有两种写法,两个都是等效的:

, J" b1 W5 P5 a0 h

2.name属性(SEO 优化部分)name属性可以用来定义网页的关键字、描述、作者以及版权信息等等,当name属性规定好这些信息后,后面还需紧跟 content 属性设置具体的内容,这样才可以生效

5 b J l6 V& x* Z; g. z \/ x9 b

3.viewportviewport主要是影响移动端页面布局的,在响应式网站中普遍用到,例如:

$ y4 k6 z' _8 h& M8 l

4.http-equiv属性所有主流浏览器都支持 http-equiv 属性。它可以设置网页的过期时间,自动刷新等,有以下几个常用属性值:

# A& I+ w% U9 I% ]

5.content-type常用属性值上面我们提到了content-type用来定义文件的类型,在此处为读者附上 content-type 常用文件类型值

7 J9 f1 s, j _ ; R. \7 V9 r8 x# b# b5 P+ b4 E " i. F1 H3 D4 C. V% F8 h& @% R 5 K" v7 K. ^+ r- J5 Y7 {& d9 C, e 2 {& J6 v7 }7 ~: S) K8 D; I
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-4-4 15:56 , Processed in 0.261025 second(s), 22 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表