HTML基本标签

HTML基本标签

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML或XHTML标准规范，必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。

html：声明该文档是html5版本的类型
注意：一些老网站可能用的还是老版本的文档类型比如XHTML之类的，但是我们学的是HTML5，而且HTML5的文档类型兼容很好(向下兼容的原则)，所以大家放心的使用HTML5的文档类型就好了。
HTML4.01版本的文档类型定义

XHTML版本的文档类型定义

1.属性lang是英语language的缩写，意思是语言，"en"代表英语，"zh-CN"代表中文；
2.其实不写lang属性，整个HTML文档的显示是没有任何问题的；
3.我们都知道，如果你在中国，本地浏览器的默认语言是中文，当我们打开一个外国网站时，浏览器会提示“是否将网页内容翻译成中文”；
4.搜索引擎自己无法判断自己抓取的页面中的内容是什么语言，因为在它看来都是二进制文件，那么这时就需要我们告诉它这个页面中的内容是什么语言，进而它才能知道下一步该干嘛，也就是说，当你把lang设置为"en"时，无论你网页中是什么语言的内容，在它看来都是英语，如果本地浏览器的默认语言不是英语，就会提示“是否将网页内容翻译成中文”，问您是否需要翻译。

meta：标记一些头部信息，描述该文档的作者，项目说明，关键词等等的一些元信息
charset=“UTF-8”：声明该文档的字符编码集是UTF-8，如果不写，会导致中文乱码(用webstrom打开)
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312（简体中文）：包括6763个汉字
BIG5（繁体中文）：港澳台等用
GBK（全部中文字符）：是GB2312的扩展，加入对繁体字的支持，兼容GB2312和BIG5
UTF-8则包含全世界所有国家需要用到的字符
记住一点，以后我们统统使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。

content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width
height:可视区域的高度，值可为数字或关键词device-height
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
“width=device-width” 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边

X-UA-Compatible是针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的，用于指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式以此来解决部分兼容问题，在网页中，其指定的模式的优先权高于服务器中（通过HTTP Header）所指定的模式
这段代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE，即edge来渲染页面。