思洋互动网站建设学前班

重新定义的元素

HTML 5重新定义了一些已有的元素，也添加了新的元素。这里是一些老朋友，其中一些有了根本的改变，另一些只是变了个发型。

<ol>

在HTML 4中，<ol>上的start属性废弃了，因为它被认为是表现性的。好在HTML 5纠正了这一错误的决定。如果你想要一个有序的列表从5开始，而不是从1开始，请使用：
广州网站建设,网站建设,广州网页设计,广州网站设计

1. <ol start=5> 

reversed属性很好，但还没有在任何浏览器中实现这一功能。考虑如下的例子：

1. <h3>Top five dreamy mega-hunks</h3> 
2. <ol reversed> 
3.  <li>Brad Pitt</li> 
4.  <li>George Clooney</li> 
5.  <li>Orlando Bloom</li> 
6.  <li>Remy Sharp</li> 
7.  <li>Bruce Lawson</li> 
8. </ol> 

这创建了一个从第5个（Mr. Pitt）开始倒数到第1个（我）的列表。对不起，Brad、George和Orlando，但是你们谁了解HTML 5呢？

<dl>

在HTML 4中，<dl>是一个定义列表，包含了一个术语及其一个或多个定义。这个定义不明确而且容易令人混淆，因为它还提到了<dl>标记对话的潜在用法。它常见的用错方式就是，将任何名称和值对匹配起来，而不管一个是否定义了另一个。

HTML 5将此元素扩展为“包含0个或多个名-值组的一个相关列表……名-值组可以是术语和定义、元数据主题和值，或者任何其他的名-值数据组”。这里有一个例子，列出了Remy收集的图书，使用<dt>和<dd>来组织书名和作者。

1. <dl> 
2.  <dt>Directory of French plastic sandal manufacturers</dt> 
3.  <dd>Phillipe Philloppe</dd> 
4.  <dt>J-Lo's plastic surgery: a profile</dt> 
5.  <dd>Hugh Jarce</dd> 
6.  <dt>The Orpheus and Eurydice myth</dt> 
7.  <dd>Helen Bach</dd> 
8.  <dt>The Proctologist and the Dentist</dt> 
9.  <dd>Ben Dover</dd> 
10.  <dd>Phil McCavity</dd> 
11. </dl> 
12. <cite> 

在HTML 4中，<cite>元素可以用来标记讲话者的名称：

1. As <CITE>Harry S. Truman</CITE> said,<Q lang="en-us"> 
2.  The buck stops here.</Q> 

HTML 5不允许这种情况：“一个人的名称不是一部作品的标题，即便人们将这个人称作一部作品，该元素由此不能用来标记人的名称”。

这是不正常的。它使得符合HTML 4规则的已有内容不再符合HTML 5的规则，尽管它们不会被验证器标记为无效，因为机器无法知道“Harry S. Truman”是一个人名，而不是一部叫做“Harry S. Truman”的自传。

Jeremy Keith在其24ways.org的文章“Incite a riot”中写道，“我要加入一场民意反抗的战斗，反对对cite元素的不必要的、限制性的、不能向后兼容的修改”。我赞同。如果你愿意的话，对名字使用<cite>。
广州网站建设,网站建设,广州网页设计,广州网站设计

<address>

<address>用于当前的<article>或文档的作者的详细联系方式，但不是用于邮政地址的一个通用性元素。联络细节可以是E-mail地址、邮政地址或者任何其他形式。如果你愿意的话，这些可以标记为微格式、RDF或微数据。

不同的一点是，你可以在一个文档中有多个地址，每个<article>中一个地址。与一个article相关的作者信息，不会应用于嵌套的article元素，因此一个<article>中的一个博客帖子可以针对其作者拥有一个<address>，并且每个博客评论（你还记得，它们是一个嵌套的<article>）可以拥有其评论者的<address>。

<em>、<i>

em标记对一条句子的含义的细微变化处的强调，如果问题是“Did you say you live in Paris?”，回答可能标记为：

1. <p>No, my <em>name</em> is Paris. I live in <em>Troy</em>.  
2.  Cloth-ears.</p> 

如果你有相对层级的重要性，可以嵌套em元素以使得内容得到额外强调。

<i>元素表示处于一种交替语音或语气的一段文本，或者与常规文本有偏差，例如分类名称、一个技术术语、其他语言的一个成语、一种思想、一只船的名称，或者通常排版显示为斜体的某些其他文字。

下面是<i>的一些示例，其中<em>不太合适：

1. <p>The <i>Titanic</i> sails at dawn.</p> 
2. <p>The design needs a bit more <i lang=fr>ooh la la</i>.</p> 
3. <p>You, sir, deserve a jolly good kick up the <i>gluteus  
4. maximus</i>!</p> 
5. <strong>、<b> 

strong元素表示其内容非常重要，和<em>不同，它不会更改句子的含义。例如：

1. <p><strong>Warning! This banana is dangerous.</strong></p> 

你可以嵌套strong元素，以使它们更加重要。

<b>元素表示与常规文字样式上有所差异的一段文本，而不会表示任何额外的重要性，例如，文档摘要中的关键字、评阅中的产品名称，或者排版显示为粗体的一些其他文本段。

例如：

1. <p>Remy never forgot his fifth birthday-feasting on  
2.  <b>powdered toast</b> and the joy of opening his gift:  
3.  a <b>Log from Blammo!</b>.</p> 
4. <hr> 

<hr>元素现在是媒体无关的，并且表示一个段落层级的主题中断。HTML 5doctor网站上的一条评论说的好：该标记等同于“* * *”，这经常用在报道和文章中。我们原打算将其写成一个历史上的奇怪东西，直到最后看到Oli Studholme博士写道：“<hr>在日本的设计中经常用作节分隔符。它们一般通过CSS隐藏，当在cHTML手机浏览器上查看的时候会变成可见的，该浏览器只支持基本的CSS，并且不会得到可视化设计（并且带有节的可视化分离）”。

我们的建议是，使用成节的内容和标题而不是CSS来作为漂亮的分隔符。

<small>

<small>元素已经完全重新定义了，从仅仅是一个通用的表现性元素，变成了使得文本显示得较小，实际上表示“附属细则”，它通常用来免责、警告、提出法律限制或版权。附属细则有时候也用于表明权限，用于满足许可性需求。

如果整个页面是一个“法律方面”的页面，不要使用<small>。在这种情况下，法律文本是主要内容，因此，没有必要使用一个元素来区分法律内容。它只适用于较短的文本。<small>不能用于<strong>或<em>元素上。

删除的元素

你可能知道，HTML 4中的一些元素在HTML 5中已经完全废弃了，例如<applet>（用<embed>替代）、<big>、<blink>、<center>、<font>和<marquee>。它们将失效，开发者应停止使用。框架不在了（但是<iframe>保留了）。

当然，HTML 5浏览器必须继续显示这些可爱的、过时的元素，因为它们仍然大量存在于Web上。但应尽量避免它们，就好像它们是毒蜘蛛、毒蛇、吃人的老虎或是剧毒的三明治。