完美WEB

css,xhtml,javascript,DOM,亲和力,web内容可用性教程,希望web变得更完美。

« IE盒模型bug和修复为网页内容设置语言 »

水平分隔线标签hr是“表现标签”吗?

当用户代理渲染水平分隔线标签的时候,将其渲染成一条水平直线,给人的感觉好像这个标签是用来产生一条水平直线的。 但是,我们不能被这种假象所迷惑,其实这个标签的本意是用来分割不同区域。

 <hr> is not presentational, but structural: a lightweight section separator.

如下示例:

<p>This is some lead in text</p>
<hr/>
<p>This is some additional, but separate text.</p>

<ul>
<li href="/">Home</li>
<li><hr/></li>
<li href="prev">Previous</li>
<li href="..">Up</li>
<li href="next">Next</li>
</ul>

hr标签分隔不同内容区域图示

它的作用如上图中所示,用来分隔不同的区域。

但是,xhtml1中把 hr 标签划分为“表现标签”(目前我还没有找到w3c这样划分的理由)。而在 xhtml2中把w3c把hr 标签划分为“结构化标签”,并且为了不再让人们误认为它的作用是产生一条水平线,将其改为separator标签。也就是说在 xhtml2 中因该这样使用:

<ul>
<li href="/">Home</li>
<li><separator/></li>
<li href="prev">Previous</li>
<li href="..">Up</li>
<li href="next">Next</li>
</ul>

此文禁止转载,但是您可以以超级链接的方式链接到这篇文章。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

Copyright flashshe.com All Rights Reserved.