追加的新标签HTML5追加的新标签
新千年以来,超文本标记语言(HTML)5第一次向HTML中引入新的元素。新的结构元素包括aside、figure和sectio
。新的内联元素包括time、meter和progress。新的内嵌元素有video和audio。新的交互元素有details、datagrid和comma
d。
■HTML5的结构
sectio
:这可以是书中的一章或一节,实际上可以是在HTML4中有自己的标题的任何东西header:页面上显示的页眉;与head元素不一样footer:页脚;可以显示电子邮件中的签名
av:指向其他页面的一组链接article:blog、杂志、文章汇编等中的一篇文章
必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的div元素来表示
增加的块级元素:块级元素HTML5增加的块级元素:
除了结构性元素之外,HTML5还增加了一些纯语义性的块级元素:
asidefiguredialog
aside元素代表说明、提示、边栏、引用、附加注释等,也就是叙述主线之外的内容。figure元素代表一个块级图像,还可以包含说明。figure元素不只可以显示图片。还可以使用它给audio、video、iframe、object和embed元素加说明。
fdialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者,HTML5dd元素可以表示讲话内容。所以,在老式浏览器中也可以以合理的方式显示对话。
增加的语义性内联语义性内HTML5增加的语义性内联元素
HTML4用5个不同的内联元素表示略有差异的计算机代码:var、code、kbd、tt和samp。但是,它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作者的需求。mm元素表示文本被“加上标志”,但是不一定要强调。可以把它想像成书中突出显示的一节。Google的缓存页面就是典型的用例。如果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索“Egret”,那么缓存的Google页面可能像下面这样:
源代码HTMl源代码
bTheGreatmEgretmalsok
ow
asthe
America
mEgretmisa
largewhitewadi
gbirdfou
dworldwideTheGreatmEgretmflieswithslowwi
gbeatsThescie
tific
ameoftheGreatmEgretmisiCasmerodiusalbusitimetime元素表示一个时间值,比如535PMESTApril232007。例如:
源代码HTMl源代码
pIamwriti
gthisexampleattime535PMo
April23rdtimeptime元素可以帮助浏览器和其他程序识别出HTML页面中的时间。它不要求对元素内容应用任何特定的格式。但是,每个time元素都应该有一个datetime属性,其中包含更适合机器识别的时间值,比如:
源代码HTMl源代码
pIamwr