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 表格

html基础内容