1，基本语法
- 内容类型：扩展名为 .html 或者 .htm 内容类型为"text/html"
- 文档类型：DOCTYPE声明文档的类型，<!DOCTYPE html>
- 字符编码：使用meta元素定义文档的字符编码 <meta charset="utf-8">
- 标记省略：
HTML中不允许写结束标记的有：
area,base,br,col,command,embed,hr,img,inout,keygen,link,meta,param,source,trac,wbr
2，HTML4中的元素
2.1 结构元素
- div：在文档中定义一块区域
- span：在文本行中定义一个区域
- ol：根据一定的排序进行列表
- ul：没有排序的列表
- li：每条列表项
- dl：以定义的方式进行列表
- dt：定义列表中的词条
- dd：对定义的词条进行解释
- del：定义删除的文本
- ins：定义插入的文本
- h1~h6：标题1到标题6
- p：定义段落结构
- hr：定义水平线
2.2 内容元素
- a：定义超链接
- addr：定义缩写词
- address：定义地址
- samp：定义样本
- var：定义变量
- code：定义计算机源代码
2.3 修饰元素
- b：定义粗体
- i：定义斜体
- big：定义文本增大
- small：定义文本缩小
- sup：定义文本上标
- sub：定义文本下标
- bdo：定义文本显示方向
- br：定义换行
3，HTML4属性
3.1 核心属性
- class：定义类规则或样式规则
- id：定义元素的唯一标识
- style：定义元素的样式声明
3.2 语言属性
- lang：定义元素的语言代码或编码
- dir：定义文本方向，包括ltr和rtl取值，分别表示从左向右和从右向左
3.3 键盘属性
- accesskey：定义访问某元素的键盘快捷键
- tabindex：定义元素的Tab键索引编号
3.4 内容属性
- alt：定义元素的替换文本
- title：定义元素的提示文本
- longdesc：定义元素包含内容的大段描述信息
- cite：定义元素包含内容的引用信息
- datetime：定义元素包含内容的日期和时间
3.5 其他属性
- rel：定义当前页面与其它页面的关系
- rev：定义其他页面与当前页面的链接关系
4,HTML5元素
4.1 结构元素
- header：表示页面中一个内容区块或整个页面的标题
- footer：表示整个页面或页面中一个内容区块的脚注
- section：表示页面中的一个内容区块
- article：表示页面中的一块与上下文不相关的独立内容
- aside：表示artcle元素之外的，与artcle元素的内容相关的辅助元素
- nav：表示页面中导航链接的部分
- main：表示网页中的主要内容
- figure：表示一段独立的流内容
4.2 功能元素
- hgroup：用于对整个页面或页面中一个内容区块的标题进行组合
- video：定义视频
- audio：定义音频
- embed：用来插入各种多媒体
- mark：主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字
- dialog：定义对话框或窗口
- bdi：定义文本的文本方向，使其脱离周围文本的方向设置
- figcaption：定义figure元素的标题
- time：表示日期或时间
- canvas：画布
- output：表示不同类型的输出
- source：为媒介元素
- menu：表示带单列表
- ruby：表示ruby注释，
- rt：表示字符的解释或发音
- rp：在ruby注释中使用
- wbr：表示软换行
- command：表示命令按钮，如单选按钮，复选按钮
- details：表示用户要求得到并且可以得到的细节信息
- summary：为<details>元素定义可见的标题。
- detalist：表示可选的数据列表
- detagrid：表示可选的数据列表，以树形列表的形式来显示
- keygem：表示生成密钥
- progress：表示运行中的进程
4.3 表单元素
通过type属性，HTML5为input元素新增了很多类型，简单说明如下：
- tel：表示必须输入电话号码的文本框
- search：表示搜索文本框
- url：表示必须输入URL地址的文本框
- email：表示必须输入电子邮件地址的文本框
- datetime：表示日期和时间文本框
- date：表示日期文本框
- month：表示月份文本框
- week：表示周几文本框
- time：表示时间文本框
- datetime-local：表示本地日期和时间文本框
- number：表示必须输入数字的文本框
- range：表示范围文本框
- color：表示颜色文本框
5，HTML5属性
5.1 表单属性
- autofocus：指定属性的方式让属性在画面打开时自动获得焦点
- placeholder：提示用户可以输入的内容
- form：声明表单属于哪一个form
- required：表示在用户提交的时候进行检查，检查该元素内一定要有输入内容
- 为input属性增加autocpmplete，min，max，multiple，pattern和step属性。
- 为input元素与botton元素增加了formaction.formenctype,formmethod,formnovalidate与formtarget，
- novalidate：取消提交时进行的有关检查，表单可以被无条件地提交
5.2 链接属性
- 为a与area元素增加了media属性，该属性可以规定目标URL是为什么类型的媒介/设备进行优化的，只能在href属性存在时使用
- 为area元素增加了hreflang属性与rel属性
- 为link元素增加了sizes属性。该属性可以与icon元素结合使用，该属性指定关联图标的大小
- 为base元素增加了target属性，主要目的是保持与a元素的一致性
5.3 其他属性
- 为ol元素增加属性reversed，指定列表倒序显示
- 为meta元素增加charset属性，因为这个属性已经被广泛支持了
- 为menu增加type与label
- 为style元素增加scoped属性
- 为script正价async属性，用来定义脚本是否异步执行
- 为html元素增加属性manifest，开发离线Web应用程序时它与API结合使用
- 为iframe元素增加3个属性，即sandbox，seamless与srcdoc，用啦提高页面安全性，防止不信任的Web页面执行某些操作。
6，HTML5全局属性
6.1 contentEditable属性
允许用户可以在线编辑元素中的内容
6.2 contextmenu属性
用来定义<div>元素的上下文菜单，上下文菜单在用户右键单击元素时出现
6.3 data-属性
6.4 draggable属性
draggable属性可以定义元素是否可以被拖动。属性取值说明如下：
- true：定义元素可被拖动
- false：定义元素不可被拖动
- auto：定义使用浏览器的默认行为
6.5 dropzone属性
dropzone属性定义在元素上拖动数据时，是否复制，移动或链接被拖动数据。
6.6 hidden属性
在HTML5中，所有元素都包含一个hidden属性。该属性设置元素的可见状态，取值为一个布尔值，当设为true时，元素处于不可见状态；当设置为false时，元素处于可见状态。
6.7 spellcheck属性
定义是否对元素进行拼写检查处理