HTML进阶
第一章 基础知识
1、HTML、XHTML和HTML5的区别：
HTML指的是HTML4.01，XHML比HTML语法要求更为严格（相当于HTML和HTML5的过渡版本），HTML5是HTML的下一代。
XHTML中:
标签必须被关闭<p></p>
标签及属性必须小写
标签属性值必须用引号
标签用id属性代替name属性
HTML5：
文档类型说明，化简为了<!DOCTYPE html>
标签不再区分大小写
允许属性值不加引号
允许部分属性的属性值省略（具有特殊属性的属性值是可以被省略的）
2、div和span
div是块元素，可以包含任何块元素和行内元素，span是行内元素，可以和其他行内元素位于同一行
div一般用于较大快块的结构划分，配合CSS操作，span一般用来包含文字。
3、id和class
id具有唯一性
class适合两个或两个以上的元素定义相同的样式
4、浏览器标题栏小图标
只需要在head标签里添加一个link标签即可
第二章 语义化
语义化：标题、图片、表格、表单、其他语义化、语义化验证、HTML5舍弃的标签
语义化的优点：
提高了可读性和可维护性
有利于搜索引擎优化
1、标题语义化
一个页面只能有一个h1标签
h1~h6之间不要出现断层
不要用h1~h6来定义样式
不要用div来代替h1~h6
2、图片语义化
alt属性是给搜索引擎看的，title属性是描述文字给用户看的
figure元素包含图片和图注，figcaption表示图注文字
3、表格语义化
4、表单语义化
label标签：用于将表单元素和某段说明文字关联起来
fieldset标签和legend标签：fieldset标签来给表单元素进行分组，legend标签定义某组表单的标题。
5、其他语义化
换行符<br/>
无序列表ul
strong标签加粗文本，em标签实现斜体文本。
del标签和ins标签：del用于定义被删除的文本，ins表示insert，用于定义被更新的文本。
img标签可以被搜索引擎识别，北京图片不需要被搜索引擎识别。
6、语义化验证
不同的HTML标签可以用不同的CSS实现相同的效果，可以通过去掉CSS样式判断语义是否良好，语义良好的页面在去掉CSS之后，可读性也非常高。
7、HTML5舍弃的标签
一些仅仅定义样式，没有任何语义或者被新标签代替，因此被舍弃。比如下划线u等。
