搜索

查看: 49|回复: 0

了解HTML5语义 - 第3部分:变与不存在的元素

[复制链接]

489

主题

0

好友

1764

积分

管理员

发表于 2013-1-13 11:39:55 |显示全部楼层

html5 语义文档结构和全局属性在以前的文章中,我讨论了一些新的元素添加到HTML5规范中的语义含义。我还展示了HTML4和HTML5文档结构,包括增加了新的全球属性之间的差异。在这篇文章中,我将讨论一些旧元素的变化:有些是过时的,有些已经改变了在语义上的含义,并已重新几个。

请记住,HTML5仍然是一个进展中的工作。有些什么,我告诉你,今天仍然可以更改前的规范宣告完成。它总是一个好主意,让眼睛上的W3C页的变化以及WHATWG规范的开发


现在缺席的元素和属性
我们已经讨论了HTML5规范中添加了一些新的元素和属性,但也有相当多的,我们应该不再使用。这些功能已完全从规范,要么因为功能是表象的,并有一个基于CSS的等效,其特点是混乱,他们的可用性和可访问性的问题,我们现在有一个更好的方法。


纯粹的表象
这些元素呈现的效果是纯粹的表象。取而代之的是,实现这些效果,使用CSS样式:
  • BASEFONT
  • 大-考虑使用标题元素,如果它的语义适当,否则,一类是比较合适的,如果你只是使用增加大小。
  • 闪烁- 如果你真的要更换,但希望你不会,您可以使用动画)。
  • 中心
  • 字形
  • 滚动字幕- CSS过渡和动画是比较合适的方法来创建这样的效果。
  • MULTICOL
  • NOBR
  • 间隔
  • 罢工-使用DEL,如果该元素标记的编辑,否则你应该使用 s (这是内容不再准确或相关的)。
  • TT


坏的可用性和易用性
我猜你最久远的下降,但如果你仍然使用它们,你不应该。相反,如果有必要,使用的iframe,而不是:
  • 框架
  • 框架
  • NOFRAMES


很少使用,混乱的元素
由于下列因素被不使用的时候,困惑,作者或其他元素,可以不处理它们的功能,他们不应该被使用在现代的网站:
  • 的缩写-不包括在内,因为它创造了很多的混乱。作者使用缩写 缩写。
  • 的ISINDEX -用途可以更换一个明确的形式和文本字段的组合。
  • 小应用程序-赞成的嵌入对象已过时
  • DIR -已过时。您应该使用UL认证
NoScript的 -当你使用HTML语法,应该只用于在HTML5元素。不包括它在XML语法。


另外弃用的元素和属性的
这里有一些更多的“不使用”的属性和元素:
  • 房产-使用代码
  • NOEMBED -使用对象,,嵌入时回退是必要的。
  • 明文-使用text / plain的 MIME类型。
  • 名称 -这个属性不再被使用的一个 , 嵌入 , 选项元素。你应该使用一个ID。
  • LONGDESC -这个属性不再使用的IMGiframe的元素。然而,留意这一块,还是有一些辩论。
  • 总结 -这应该不再使用元素。有几个建议,如何标记中的技术描述表部分的HTML的生活标准网站的内容
  • 范围 -不要使用它的TD元素。
对于一个详尽的清单,让您的眼睛在非确认
以前没有,但现在完全康复了!
HTML5规格的信条之一已经“铺平了cowpaths!” 我喜欢这一点。这意味着,如果一个功能被广泛使用的作者,浏览器的支持无处不在,但不属于的规范,该规范应采用它,而不是禁止它。有关更多信息,请参见HTML设计原则,)。由于这个原因,几个元素都被添加,或添加回,该规范被废弃后,无论是有意或无意的。
嵌入 -浏览器都支持的嵌入元素为两年。然而,如果你嵌入插件的内容(最显着的Flash,Silverlight或QuickTime的),虽然渲染是没有问题的,你的页面将无法验证的嵌入标签,包括。这导致了各种的JavaScript体操最知名的SWFObject。在HTML5中,嵌入元素已经包含在规范中。
了解更多关于嵌入的的元素http://developers.whatwg.org/the-iframe-element.html#嵌入元素
  • iframe的 -你可能已经注意到,当一提的框架已被删除,我说,你可以使用一个iframe的来取代它。从严格的DTD HTML 4.01(想到的是,它很容易被替换的对象元素),虽然iframe中的元素被省略的意识很快就来了:你有时需要嵌入HTML文档内另一个。HTML5带来的iframe的土地的法律。
有几个有趣的一个iframe的属性,这里有三个:
  • 无缝 -一个布尔属性,可以让网页呈现的iframe无缝地与周围的内容。
  • 沙箱 -这个属性允许一组额外的限制在iframe中的任何内容这允许您启用或禁用表格和脚本,防止沙箱内容,安全插件的弹出窗口,并允许或防止针对其他浏览上下文的联系。请务必阅读了此属性和了解的安全隐患,在使用它之前。
  • 目标 -这个属性又回来了。在HTML4,被废弃为目标属性表象(或将要使用的框架集,也被废弃)。返回的iframe中,有再次一个需要允许超链接改变目标属性通过一个iframe中的内容,目标属性可以也可以用在一个区域为好。
了解更多有关的iframe的的元素http://developers.whatwg.org/the-iframe-element.html#iframe的元素
更改列表 - 我真的很喜欢列表已经完成,以及。有几个变化:
  • 在HTML4,我们不允许把一个空的UL认证的页面,他们必须至少包含一个为什么在世界上你想要一个空的列表吗?在当今不断变化的世界中,你可能需要填充的列表中的脚本。这是现在还好。
  • “开始” -这个属性允许你设置一个值开始。也许你已经结束一个列表添加一些其他的页面上的信息,然后拿起名单上的价值就在你离开的地方。您可以使用启动属性告诉浏览器,重新启动的编号。
    1. <span style="color: rgb(0, 0, 0); font-family: 'Courier New', Courier, monospace; white-space: pre; background-color: rgb(245, 245, 245);"><ol start=”12”>
    2.      <li>Foo 12</li>
    3.      <li> Foo 13</li>
    4.      <li> Foo 14</li>
    5. </ol></span>
    复制代码
    逆转 -一个布尔值属性添加OL元素。而这也正是它听起来像它颠倒造成的倒计时,而比起来列表中的顺序编号。(这不你的列表中显示内容的顺序颠倒)。
    1. <span style="color: rgb(0, 0, 0); font-family: 'Courier New', Courier, monospace; white-space: pre; background-color: rgb(245, 245, 245);"><ol reversed>
    2.      <li>Foo 3</li>
    3.      <li> Foo 2</li>
    4.      <li> Foo 1</li>
    5. </ol></span>
    复制代码
    呈现为:
    1. 3. Foo 3
    2. 2. Foo 2
    3. 1. Foo 1
    复制代码
    值- 属性可能是另一种方式,现在颠倒或以任何顺序,你需要他们的显示列表项。这包括两个相同数量的列表项。属性给出了一个列表项具体数量值。属性在HTML4(错误地)被废弃,由于事实上,这是以前公认的价值,在不同的浏览器,它具有很大的支持。
    当使用属性,你可以列出所有列表项的情况下,作为显示排名那里是一个捆绑值。
    1. <span style="color: rgb(0, 0, 0); font-family: 'Courier New', Courier, monospace; white-space: pre; background-color: rgb(245, 245, 245);"><ol>
    2.      <li value=”1”>Player one</li>
    3.      <li value=”2”>Player two</li>
    4.      <li value=”3”>Player three</li>
    5.      <li value=”3”>Player three</li>
    6.      <li value=”4”>Player four</li>
    7.      <li value=”5”>Player five</li>
    8. </ol></span>
    复制代码
    或者更简单地说,因为列表会从1开始,并继续为自动递增,你可以不超越同数值的开始值和值:
    1. <span style="color: rgb(0, 0, 0); font-family: 'Courier New', Courier, monospace; white-space: pre; background-color: rgb(245, 245, 245);"><ol>
    2.      <li>Player one</li>
    3.      <li>Player two</li>
    4.      <li value=”3”>Player three</li>
    5.      <li value=”3”>Player three</li>
    6.      <li>Player four</li>
    7.      <li>Player five</li>
    8. </ol></span>
    复制代码

    • 菜单 -这个元素已经被重新定义,是有用的工具栏和上下文菜单。它也可以包含使用的列表项。


    旧元素,新的语义
    我们很多人想为过时的元素。我们有更多的语义确切元素(元素,如b , 我 , ü , 小等)。快乐的一天-他们回来哦!但他们现在已经演变成一个略微不同的含义。
    • B,强 -长,很久以前,在世界远很远的地方,我们更换了b元素,因为它是纯粹的表象与强大的元素。现在情况发生了变化。现在元素表示的重要性,而不是高度重视。b元素应提请注意在造型的差异,没有一个声音或情绪相关的差异。b元素可能使用的关键词在文档中抽象的,在评论中的产品名称,跨文本的演示文稿要大胆,但不强调与辅助技术。
      我也看到了,它用来表示在标题风格上的差异。也许是:
    1. <h2>This portion of the text <b>should be different</b>.</h2>
    复制代码
    您可以嵌套强大的元素来表达的相对重要性,以及。从HTML的生活标准,这里是一个警告通知,在一场比赛中的一个例子
  1. <h2>This portion of the text <b>should be different</b>.</h2>
复制代码
我,EM -以同样的方式为b不再表达一个斜体的造型,而是从另一种语言中被用来代表一个成语,分类,技术术语,船舶名称,换句话说,它的偏移量从正常散文,但并不意味着表示强调。
相反,元件是指应力强调。如上文所述,与强大的元素,嵌套层次表示强调的实力。
  1. <p>I must say I <em>adore</em> lemonade.</p>
复制代码
我会有兴趣看b强大的EM元素票价与这些新的语义变化。的变化是有些主观的,不同的作者可能会改变他们的选择。时间会告诉我们。
  • -虽然元素已被删除,元素简单地被重新定义。相反,大小相关的,你现在需要把它当作“小打印”。这是典型的免责声明,解释法律术语或版权。它可用于发牌规定。它不会降低文本的重要性,甚至不必使其体积更小的尺寸。您可以风格在任何你喜欢的方式。 应该用于短版印刷的文字,而不是多个段落或文本部分。一个完整的网页,让您的网站的法律信息不会被标记的元素。法律信息,在这种情况下,会在页面的主要内容。
  • ü -虽然ü元素通常被用来强调和一直强烈建议反对(以免混淆人们期望的链接),它已被重新极其有限的重点。在中国,一个合适的名字标记应该加以强调。此外,当显示拼写错误,预期的视觉标记是一个强调。这是完全可以接受的用途的ü 元素。
  • 小时 -虽然我们已经使用了多年人力资源元素(但相对较少),它的意义已经略有改变。现在,它代表一个主题,段落水平被突破。它应该被用来分离不同的主题散文的截面内,或场景之间的一种新的,但不是独立的部分的网页。造型从一个没有吸引力的水平线,可以彻底改变一个可爱的蓬勃发展的某种CSS。只要简单地除去边框,增加利润,你想用什么背景图像。
  • 引用-整体使用率举,作为标题的工作,HTML5并没有改变。但在HTML4,所采用的方法,以纪念一个人说你的东西放置在页面的名称已不再被视为符合。是的,我做到了这一点,我自己的网站上。我真不明白,整个“铺平了Cowpaths”的口头禅,为什么这个将被禁止使用。这将是有趣的,看看这仍然是在规范中。我可能不会标记新的网站这种方式,但我不会改变任何东西。
  • DL -同样,DL元素不应该再被用来标记对话。它只是一个名称-值组的关联列表。
  • BR -休息元素不应该被用于分离专题小组在一个段落或简单的创建更多的空白空间。使用它作为一个换行符,实际上是部分的内容,如在诗歌和地址。


一些新的文本元素
有一些新的文本元素,我想请注意:
  • WBR -这是一个换行符机会。它是用来包装点时,实际上,你有一个短语作为一个单一的长字写建议。也许你有一个很长的URL。或者,也许你写了一些代码,并希望选择的破发点,可能是由用户代理的空间内。HTML生活的规格具有以下的例子:

  1. <span style="color: rgb(0, 0, 0); font-family: 'Courier New', Courier, monospace; line-height: 19px; white-space: pre; background-color: rgb(245, 245, 245);"><p>So then he pointed at the tiger and screamed "there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p></span>
复制代码
  • 代码 -计算机代码的一个片段。这可能是一个XML元素的名称,文件名 ​​,一个计算机程序,或任何其他字符串,电脑将识别。
  • 标记 - 标记元素的使用,而不是像一大亮点。它的目的是提请注意什么是与用户相关的。一个很好的例子是搜索结果的标记元素的曲风改变用户搜索的是每次出现在搜索结果中的字。


从这里去哪里
正确的标记文本的元素的详细信息和示例,请参阅WHATWG规范的使用总结
请记住,事情仍然可以稍微改变,当然,这是不彻底的。如果你读了WHATWG规范,为开发人员(不包括所有的错误处理信息的浏览器),你可能会发现一些有趣的元素,我们还没有来得及触摸(进步时间红宝石BDI细节总结等)。我们有一个大的HTML5宇宙探索穿上宇航服有一个很好的时间!


原文


了解HTML5 语义--第一部分
http://w3cvip.com/thread-464-1-1.html
理解HTML5语义 – 第2部分:文档结构和全局属性
http://w3cvip.com/thread-465-1-1.html
了解HTML5语义 - 第3部分:变与不存在的元素
http://w3cvip.com/thread-466-1-1.html


友荐云推荐
回复

使用道具 举报

手机版|Archiver|w3cvip.com  

GMT+8, 2013-2-12 07:45 , Processed in 0.055340 second(s), 26 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部