html css基础第一章--meta标签的常用用法

HTML、CSS基础知识详解第一章–meta标签的常用用法

写在前面

本人学习前端已有4个多月的时间，学习到的知识点冗杂，做的笔记也比较混乱。基本上可以说是学了后面反倒把前面基础的知识点忘了，因此从现在开始要作出改变啦！在博客里梳理以前的知识点，特别是一些细小并且重要的知识，有助于个人知识体系的完善的同时，也希望给正在学习前端的小伙伴们带来帮助。

meta标签的常用用法

定义

元数据元素，用来构建html文档的基本结构，以及就如何处理文档向浏览器提供信息和指示，他们本身不是文档内容，但提供了关于后面文档内容的信息。

用法

1. 声明文档使用的字符编码 <meta charset=’utf-8′>
2. 规定网页编码 不让百度转码 <meta http-equiv=”Cache-Control” content=”no-siteapp” />
3. 设置http cache的时间expires

＜meta http-equiv="expires" content="Fri, 12 Jan 2010 04:18:18 GMT"＞

4. 优先使用IE最新版和Chrome <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
5. 网页作者author <meta name=”author” content=”name, email@gmail.com”/>
6. 网站描述description <meta name=”description” content=”不超过150个字符”/>
7. 关键词keywords <meta name=”keywords” content=””/>
8. 搜索引擎抓取 <meta name=”robots” content=”index,follow”/>
9. 为移动设备添加视图模式，初始缩放1.0 viewport <meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”>
10. 控制浏览器选择何种内核渲染renderer

 <meta name="renderer" content="webkit"> //默认webkit内核

<meta name="renderer" content="ie-comp"> //默认IE兼容模式

<meta name="renderer" content="ie-stand"> //默认IE标准模式

11. 重定向refresh ＜meta http-equiv="Refresh" content="2; URL=http://www.root.net"＞
12. 禁止浏览器从本地计算机的缓存中访问页面内容。 ＜meta http-equiv="Pragma" content="no-cache"＞
13. 标注版权信息 <meta name="copyright"content="Lxxxx">

HTML 与 XHTML 之间的差异

在 HTML 中，<meta> 标签没有结束标签。

在 XHTML 中，<meta> 标签必须被正确地关闭。

后记

meta标签主要是了解作用，可能在面试或者笔试过程中会问到。