HTML4和HTMl5、CSS2和CSS3 区别.docx

HTML5追加的新标签
新千年以来，超文本标记语言（HTML）5第一次向HTML中引入新的元素。
新的结构元素包括aside、figure和section。
新的内联元素包括time、meter和progress。
新的内嵌元素有video和audio。新的交互元素有details、datagrid和command。
■HTML5的结构
section：这可以是书中的一章或一节，实际上可以是在HTML4中有自己的标题的任何东西
header：页面上显示的页眉；与head元素不一样
footer：页脚；可以显示电子邮件中的签名
nav：指向其他页面的一组链接
article：blog、杂志、文章汇编等中的一篇文章
必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的div元素来表示
HTML5增加的块级元素：
除了结构性元素之外，HTML5还增加了一些纯语义性的块级元素：
aside
figure
dialog
aside元素代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容。
figure元素代表一个块级图像，还可以包含说明。figure元素不只可以显示图片。还可以使用它给audio、video、iframe、object和embed元素加说明。
dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容。所以，在老式浏览器中也可以以合理的方式显示对话。
HTML5增加的语义性内联元素
HTML4用5个不同的内联元素表示略有差异的计算机代码：var、code、kbd、tt和samp。但是，它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作者的需求。
m
m元素表示文本被“加上标志”，但是不一定要强调。可以把它想像成书中突出显示的一节。Google的缓存页面就是典型的用例。如果链接到一个缓存的副本，搜索词就被加上标志。例如，如果搜索“Egret”，那么缓存的Google页面可能像下面这样：
HTMl源代码
<bTheGreat<m>Egret</m>(alsoknownastheAmerican<m>Egret</m>)isalargewhitewadingbirdfoundworldwide.TheGreat<m>Egret</m>flieswithslowwingbeats.ThescientificnameoftheGreat<m>Egret</m>is<i>Casmerodiusalbus</i>.
time
time元素表示一个时间值，比如5:35P.M.,EST,April23,2007。例如：
HTMl源代码
<p>Iamwritingthisexampleat<time>5:35P.M.onApril23rd</time>.</p>
time元素可以帮助浏览器和其他程序识别出HTML页面中的时间。它不要求对元素内容应用任何特定的格式。但是，每个time元素都应该有一个datetime属性，其中包含更适合机器识别的时间值，比如：
HTMl源代码
<p>Iamwritingthisexampleat<timedatetime="2007-04-23T17:35:00-05:00">5:35P.M.onApril23rd</time>.</p>
meter
meter元素表示指定范围内的数字值。例如，可以用它表示薪水、投票给LePen的法国选民的百分比或考试分数。在这里，我使用meter标出SoftwareDevelopment2007上一位Google程序员提供的数据：
HTMl源代码
<p>AnentrylevelprogrammerinSiliconValleycanexpecttostartaround<meter>$90,000</meter>peryear.</p>
meter元素帮助浏览器和其他客户机识别HTML页面中的数量。它不要求对元素内容应用任何特定的格式。但是，每个meter元素可以有最多6个属性，它们按照更适合机器识别的形式表示这个数量：
value
min
low
high
max
optimum
这些属性都应该包含一个十进制数字。例如，期末考试的分数可以写成下面这样：
HTMl源代码
<p>Yourscorewas<metervalue="88.7"min="0"max="100"low="65"high="96"optimum="100">B+</meter>.</p>
progress
progress元素表示一个正在进行的过程的状态，就像图形用户界面（GUI）应用程序中的进度条。例如，可以用它表示一个文件已经下载的百分比或者播放电影时的当前位置。下