X/HTML5 和 XHTML2

2020-04-24 19:40:58易采站长站整理

在了解了XHTML 2的进展之后,我们再来看看X/HTML 5 的进展。

X/HTML 5酷在什么地方

章节元素的构想

X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性。

章节化内容的构想很酷!但是请看一下为什么使用章节的技术不够酷。

对话元素

对话元素用来表示一段交谈。它包括一个用于定义会话者的dt元素和代表会话者讲话内容的dd元素。例如:

<dialog>
<dt>Costello</dt>
<dd>Look, you gotta first baseman?</dd>
<dt>Abbott</dt>
<dd>Certainly.</dd>
<dt>Costello</dt>
<dd>Who’s playing first?</dd>
<dt>Abbott</dt>
<dd>That’s right.</dd>
<dt>Costello</dt>
<dd>When you pay off the first baseman every month, who gets the money?</dd>
<dt>Abbott</dt>
<dd>Every dollar of it.</dd>
</dialog>

figrue元素

在印刷发行(教科书、报纸、杂志等)媒体对象(照片、插图、图表等)中经常会使用到标头。到目前为止,Web标记语言还没有可以产生这种效果的结构。figrue元素有一个legend子元素可以用来指定图像的标头。例如:

XML/HTML代码

<figure>
<legend>Credit: Media Inc., 2007</legend>
<img src="smith.jpg" alt="Photo: J. Smith" />
</figure>

m元素

m元素代表一段文本被标记或者是高亮。这在动态网页中显示搜索关键字时候非常有用,此时页面中的关键字就可以使用m元素来标出来了。例如,响应用户搜索的关键字snow时,Web页面可以生成下面这样一段内容:

XML/HTML代码

<p>A <m>snow</m>man is a man-like sculpture constructed out of <m>snow</m>.</p>

input元素得到加强

input元素功能加强之后可以支持email、url、数据相关、时间相关、和数字等数据类型。这就意味着更加的验证功能可以在客户端完成了。

开放的进程

X/HTML的开发进程比XHTML 2开放得多。每个人都可以参与到X/HTML 5创意明细中。

X/HTML 5的美中不足

章节元素的使用

采用章节元素的的想法是好的,但是X/HTML 5的应用中显得有点累赘。甚至有些解释会让你更加困惑。例如:

aside元素表示组成页面内容的一个部分,它和aside元素前后的内容相关联,它可以被看作是内容中独立的部分。这些组成部分经常用于印刷技术中的侧连栏。

难道拥有role属性的div元素不加具有扩展性和更容易被理解?