HTML、XML、XHTML 区别：
. XML被设计用来描述数据，其焦点是数据的内容。
. HTML被设计用来显示数据，其焦点是数据的外观。
.XHTML是“3种HTML 4文件根据XML 1.0标准重组”而成的。
HTML 语义化
有助于构架良好的html结构，有利于搜索引擎的建立索引、抓取；另外，亦有利于页面在不同的设备上显示尽可能相同；此外，亦有利于构建清晰的机构，有利于团队的开发、维护。
为什么要语义化？
●有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。
●语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
●方便其他设备的解析
●便于团队开发和维护
内容与样式分离的原则
为了使机器更容易理解，同时降低后期维护的复杂度，应将文档的内容与去呈现方式独立开来。
●HTML仅用于处理内容，只考虑HTML的结构和语义化，避免出现行内的样式。
●CSS用于负责页面样式的实现。
●JS用于负责行为的实现，但不要直接去操作样式。
常见的meta标签
1.charset
<meta charset='utf-8'>
用于告诉浏览器该页面所用的编码是utf-8
2.name
name属性主要用于描述网页，比如说网页的关键字，内容等，便于搜索引擎抓取。
<meta name="keywords" content="前端学习">
告诉搜索引擎，网页关键字为‘前端学习’。
3.http-equiv
<meta http-equiv='expries' content='Mon ,3 July 2017 15:00:00 GMT"
指定网页在缓存中的过期时间，一旦过期，必须到服务器上重新调阅。必须使用GMT时间，或直接设置为0（数字表示多少时间后过期）
文档声明的作用
声明文档是用于告知浏览器，用什么文档类型规范来解析这个文档。
<!DOCTYPE html>作用
即声明使用HTML5的方式，也就是标准模式来解析渲染网页
标准模式与混杂模式
●若不添加文档声明，则处于混杂模式中，浏览器会以一种比较宽松的向后兼容的方式显示。通常会模拟老式浏览器的行为以防止老站点无法工作。
●在标准模式中，浏览器会按照W3C标准解析代码。
浏览器乱码
当代码的编码保存方式和浏览器的解码方式不同的时候，会导致页面出现乱码。
只要添加确保声明了正确的编码格式，就可以避免乱码情况的出现。
常见的浏览器及其内核
Internet explorer，国产的大部分浏览器 内核：Trident
Chrome，Safari等 内核：Webkit
Mozilla Firefox，Netscape等 内核：Gecko
常见标签及应用场景
标题 h1 h2 h3 h4...
段落 p
链接 a
图片 img
div 页面分区
ul li 无序列表
ol li 有序列表
button 按钮
table 表格
