meta标签
来源:互联网 发布:职工工资管理系统java 编辑:程序博客网 时间:2024/06/05 04:41
<meat>标签提供关于 HTML 文档的元数据。它不会显示在页面上,但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
meta的作用
标签中的内容是为机器解读的,告诉机器如何解析该界面,还可以添加服务器发送到浏览器的请求c头内容;
<metahttp-equiv="charset"content="iso-8859-1">
<metahttp-equiv="expires"content="31 Dec 2008">
则浏览器中发送的请求会包括:
charset:iso-8859-1
expires:31Dec2008
http-equiv属性用于定义http头部内容,
http-equiv后面的值头部名,content的值是头部名的内容
name,这个属性是供浏览器进行解析,对于一些浏览器兼容性问题,name属性是最常用的,当然有个前提就是浏览器能够解析你写进去的name属性才可以,不然就是没有意义的。还是举个例子吧:- 1
这个meta标签的意思就是告诉浏览器,用webkit内核进行解析,当然前提是浏览器有webkit内核才可以,不然就是没有意义的啦。当然看到这个你可能会有疑问,这个renderer是从哪里冒出来的,我要怎么知道呢?这个就是在对应的浏览器的开发文档里就会有表明的,例如这个renderer是在360浏览器里说明的。
接下来就是常用的meta标签大总结啦,我会尽可能的做到全
charset
charset是声明文档使用的字符编码,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了。
charset有两种写法
- 1
- 2
两个都是等效的。
百度禁止转码
百度会自动对网页进行转码,这个标签是禁止百度的自动转码
- 1
SEO 优化部分
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
viewport
viewport主要是影响移动端页面布局的,例如:
- 1
- 2
- 3
content 参数:
- width viewport 宽度(数值/device-width)
- height viewport 高度(数值/device-height)
- initial-scale 初始缩放比例
- maximum-scale 最大缩放比例
- minimum-scale 最小缩放比例
- user-scalable 是否允许用户缩放(yes/no)
各浏览器平台
Microsoft Internet Explorer
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
Google Chrome
- 1
- 2
- 3
- 4
360浏览器
- 1
- 2
UC手机浏览器
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
UCBrowser_U3_API
QQ手机浏览器
- 1
- 2
- 3
- 4
- 5
- 6
Apple iOS
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
Google Android
- 1
- 2
- 3
- 4
App Links
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
最后——移动端常用的meta
- 1
这个meta标签的意思就是告诉浏览器,用webkit内核进行解析,当然前提是浏览器有webkit内核才可以,不然就是没有意义的啦。当然看到这个你可能会有疑问,这个renderer是从哪里冒出来的,我要怎么知道呢?这个就是在对应的浏览器的开发文档里就会有表明的,例如这个renderer是在360浏览器里说明的。
接下来就是常用的meta标签大总结啦,我会尽可能的做到全
charset
charset是声明文档使用的字符编码,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了。
charset有两种写法
- 1
- 2
两个都是等效的。
百度禁止转码
百度会自动对网页进行转码,这个标签是禁止百度的自动转码
- 1
SEO 优化部分
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
viewport
viewport主要是影响移动端页面布局的,例如:
- 1
- 2
- 3
content 参数:
- width viewport 宽度(数值/device-width)
- height viewport 高度(数值/device-height)
- initial-scale 初始缩放比例
- maximum-scale 最大缩放比例
- minimum-scale 最小缩放比例
- user-scalable 是否允许用户缩放(yes/no)
各浏览器平台
Microsoft Internet Explorer
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
Google Chrome
- 1
- 2
- 3
- 4
360浏览器
- 1
- 2
UC手机浏览器
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
UCBrowser_U3_API
QQ手机浏览器
- 1
- 2
- 3
- 4
- 5
- 6
Apple iOS
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
Google Android
- 1
- 2
- 3
- 4
App Links
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
最后——移动端常用的meta
阅读全文
0 0
- meta标签 spring meta
- meta标签
- META 标签
- meta标签
- META标签
- META标签
- meta标签
- Meta标签
- meta标签
- Meta标签
- META标签
- meta标签
- <meta>标签
- meta标签
- meta标签
- meta标签
- meta标签
- <meta 标签
- 5分钟集成分类模块
- HTTPS 建立连接的详细过程
- SpringDataJpa——JpaRepository增删改查
- opencv多幅图像的拼接算法
- 基于容器编排的Dev/Ops流程
- meta标签
- 【LightOJ
- 程序员你为什么这么累【续】:编码习惯之日志建议
- Disable PatchGuard
- java结构型设计模式——装饰模式
- AT命令简单介绍
- 18届清华硕士狂拿18家互联网公司sp offer总结
- 结合脑成像技术与人工智能,破除自杀的“诅咒”
- AI论文引用排行榜丨微软第一,清华第九;Alphabet董事长看AI:美国仅领先5年,大陆追赶速度快;