解读HTML 5新语法 提高语义价值

日期: 2010-03-28 作者:外刊IT 来源:TechTarget中国 英文

  作为下一代Web开发标准,HTML 5到底能给开发者带来什么?而作为HTML 5的设计者,他们又是如何根据目前互联网的现状对其进行改进,让开发者使用起来更加的简单明了。

  HTML 5的新标记

  设计者们需要完成的任务是要给HTML 5开发一个更丰富的和更有含义的语义,当然可以想象这种新方案将会是很灵活和很高效的,同时与所有的现代互联网标准相适应。下面就是一些将要在HTML 5里新加入的标记。

  ◆<article> 标记 定义一篇文章
  ◆<aside> 标记 定义页面内容部分的侧边栏
  ◆<audio> 标记 定义音频内容
  ◆<canvas> 标记 定义图片
  ◆<command> 标记 定义一个命令按钮
  ◆<datalist> 标记 定义一个下拉列表
  ◆<details> 标记 定义一个元素的详细内容
  ◆<dialog> 标记 定义一个对话框(会话框)
  ◆<embed> 标记 定义外部的可交互的内容或插件
  ◆<figure> 标记 定义一组媒体内容以及它们的标题
  ◆<footer> 标记 定义一个页面或一个区域的底部
  ◆<header> 标记 定义一个页面或一个区域的头部
  ◆<hgroup> 标记 定义文件中一个区块的相关信息
  ◆<keygen> 标记 定义表单里一个生成的键值
  ◆<mark> 标记 定义有标记的文本
  ◆<meter> 标记 定义 measurement within a

  predefined range

  ◆<nav> 标记 定义导航链接
  ◆<output> 标记 定义一些输出类型
  ◆<progress> 标记 定义任务的过程
  ◆<rp> 标记是用在Ruby annotations 告诉那些不支持 Ruby 元素的浏览器如何去显示
  ◆<rt> 标记 定义对ruby

  annotations的解释

  ◆<ruby> 标记 定义 ruby annotations.
  ◆<section> 标记 定义一个区域
  ◆<source> 标记 定义媒体资源
  ◆<time> 标记 定义一个日期/时间
  ◆<video> 标记 定义一个视频

  希望所有的这些标记都能成为真正”有生命力“的和有用的标记,而不是只是今天看来是很酷的标记。

  TML 5 的减负

  你是否很记得那个古老的年代,HTML3被当成一种只能在Netscape里运行的神奇的东西?是的,那就是互联网时代的黎明初现。我们当然不会忘记那段历史,但向一些优秀的却陈旧的东西说再见也是合乎情理的(特别是当它们目前不被认为那么好用,或已没有人再注意它们的时候时)。

  因此,HTML 5的设计者们废除了一些老的标记,因为这些标准只有那些HTML怪才才会使用,也因为这些标记已经完全失去用处,新的HTML标记里将不会再包括它们 – 我想我们应该就此感谢这些设计者们。毕竟是这些标记实在是太老旧了,以至于可以想象,20年后我们的孩子们会认为只有莎士比亚在他的十四行诗里才会用到。不管怎样,还是让我们到互联网博物馆里再看它们一眼吧(真有这样的博物馆吗?)。

  ◆<acronym> 标记 定义 an acronym.

  ◆<applet> 标记 定义 an embedded applet.

  ◆<basefont> tag specifies a default font-color, font-size, or font-family for all the text in a document.

  ◆<big> tag is used to format the text one size bigger, and can be in relation to your <font> or <basefont> size, if you’ve specified either one.

  ◆<center> tag is used to center text.

  ◆<dir> tag is used to list directory titles.

  ◆<font> tag specifies the font face, font size, and font color of text.

  ◆<frame> 标记 定义 one particular window (frame) within a frameset. <frameset> 标记 定义 a frameset. The frameset element holds two or more frame elements. Each frame element holds a separate document.

  ◆<s> and <strike> tags define strikethrough text.

  ◆<tt> tag is used for “typetype” text, or fixed-width typewriter-type font. Other than the different type style,
it has normal font characteristics

  ◆<u> tag is used to underline text.

  这些标记基本上都没有什么用处了(也许你会觉得有几个标记和HTML 5里的新标记有些相似)。其中一些我们在早期的旧版的浏览器里使用过,但如今已经失去其作用,而另一些标记的功能已经被CSS功能所取代了(例如设置字体和文本样式的标记)。

  关于<DIV>标记的重要问题

  使用新标记替换掉 <div> 标记是HTML 5在语义方面的主要成就。这 <div>标记是HTML 4里是一个重要的的标记,在HTML里被广泛使用,但是它所表达的语义太弱,在声明网页组织结构里不同的区块的任务面前它毫无用武之地。新的HTML 5标记,例如 <article>, <aside>, <nav>, <figure>, <header>, <footer> – 会更有用和更方便,这些标记能够让你指明网页不同区域的用途,清楚的显示网站的结构。这意味着即使你是个新手或中等的程序员,仅依据HTML代码就能清楚的了解整个页面的结构 – 更值得一提的是搜索引擎将会因为能如此方便的解析页面的结构而会高兴的发狂的。

  对我们有什么好处?

  关于新标记和语义的价值的讨论已经很多,有些人认为这些语义以及可视化表现方式没有任何意义 –因为它们带来的是更复杂的代码,创造了使用这些新HTML代码犯新错误的机会,HTML 5新语义的价值在于提升了网站用户和这些技术之间的交互和协作的水平,这是使互联网前进的原因。

  同样的道理,我们应该明白,就像HTML 5给我们的感觉是那样酷一样,人们在其上付出了很多的努力,对未来5年互联网的发展寄予厚望。今天,这些新标记和语义看起来的确是很棒,我们都很喜欢,但别忘了,任何东西都是在不断变化着来适应人们的需求,新的语言特征必须依赖于人们的使用,互联网社区的大量使用,只有这样才能使单纯的新事物变成有用的新事物。

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

作者

外刊IT
外刊IT

相关推荐

  • 新程序语言将不同Web语言融合在一起

    如果你是一名Web开发者,你最喜欢哪种编程语言?CSS?JavaScript?PHP?HTML 5?为什么选择这种语言?

  • 别闯进Hybrid App的误区

    Hybrid App,一种开发模式,兼顾Web和Native的一种开发模式。有人说它把Web App扼杀在摇篮里,有人说它把Native App引向一个新阶段。我说它是一把双刃剑,千万别闯进它的误区。

  • 2014年对Web开发的十大预测

    2013年已经过去了,笔者之前对2013年的Web开发的预测文章还是有点靠普的,因此,就继续预测下2014年Web方面的十大趋势。

  • 轻松高效 优秀HTML 5开发最佳实践分享

    HTML 5正在迅速成为Web开发的下一代标准。作为Web开发者,我们理应要了解如何编写一个HTML 5网站或应用。本文,我们就将推荐一些非常好用的HTML 5编码工具。