HTML5与css3权威指南笔记
一 html5 与html4的区别
1.内容类型
docType 声明是html文件中必不可少的。它位于文件第一行。
<!DOCTYPE html>
html4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.指定字符集编码
HTML5对文件的字符集编码推荐使用UTF-8
<media charset="UTF-8">
3.可以省略标记的元素
不允许写结束标记的元素有：area,base,br,col,command,embed,hr,img,input,keygen,link,media
source,track,wbr。（注：即<元素名/> 形式，即不包含内容）
可以省略结束标记的元素有：li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfront,tr,td,th
(注：<元素名> ....</元素名>,后面这个</元素名> 可以省略)
可以省略全部标记的元素有：html,head,body,colgroup,tbody。
4.具有boolean值的属性
<!---只写属性名，不写属性值，代表true-->
<input type="checkbox" checked>
<!---不写属性代表属性值为false-->
<input type="checkbox">
<!---属性名==属性名，代表为true-->
<input type="checkbox" checked="checked">
<!---属性名==空字符串，代表为true-->
<input type="checkbox" checked="">
5.属性值省略引号
指定属性值时，属性值两边即可以使用单引号，也可以使用双引号，html5中当属性值不包括单引号，
双引号，“>”,"<","="等特殊字符可以省略属性值两边的引号。
如：<input type="text"> 可以为<input type=text>
6.新增元素
- section
表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其它部分
html5:<seciton>...</section>
html4:<div>..</div>
- article
表示与上下文不相关的一块独立内容，譬如博客中的一篇文章
html5:<article>....</article>
html4:<div>....</div>
- aside
表示article元素内容之外的，与article元素的内容相关的辅助信息
html5:<aside>....</aside>
html4:<div>....</div>
- header
表示页面中的一块内容区域或页面的标题
html5:<header>....</header>
html4:<div>....</div>
- hgroup
表示对整个页面或页内中的一个内容区块的标题进行组合
html5:<hgroup>....</hgroup>
html4:<div>....</div>
- footer
表示整个页面或页面中的一个内容区块的注脚
- nav
表示导航链接
- figure
相关推荐
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...