HTML5与XHTML简述.doc

HTML5 与 XHTML 简述 HTML 5 添加了一些新元素, 用来标识常用的结构,使 HTML 更具语义化, 可是我们无法直接使用, 即使可能用到还要等个十年八年的。那么就可以使用 class 代替,或者使用 id和 class 名来代替,让自己的结构更加清晰化。一些新增的结构标记? section : 可以是书中的一章或一节, 实际上可以是在 HTML 4 中有自己的标题的任何元素? header :页面上显示的页眉,与 head 元素不一样? footer :页脚,可以显示电子邮件中的签名? nav :指向其他页面的一组链接? article :博客、杂志、文章汇编等中的一篇文章一些 HTML5 的文档结构例子标签总是成对的<header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> XHTML 的文档结构我们经常说的 DIV+CSS 网页布局实际上就是 XHTML+CSS 结构。<div id="header">header</div> <div id="nav">nav</div><div class="article"> <div class="section">section</div></div> <div id="aside">aside</div> <div id="footer">footer</div> HTML5 的图片结构<figure id="fig2"> <legend>Figure 2. Install Mozilla XForms dialog</legend> <img alt="A Web site is requesting permission to install the ollowing item: Mozilla XForms Unsigned" src="" /> </figure> XHTML 的图片结构<div class="figure"> <h4 class="legend">Figure 2. Install Mozilla XForms dialog</h4> <img alt="A Web site is requesting permission to install the ollowing item: Mozilla XForms Unsigned" src="" /> </div> HTML5 的加上标记 m 元素表示文本被“加上标志”, 但是不一定要强调。可以把它想像成书中突出显示的一节。 Google 的缓存页面就是典型的用例。如果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索“ Egret ”,那么缓存的 Google 页面可能像下面这样: The Great <m>Egret</m> (als