hr元素表示段落级别的主题中断,例如,故事中的场景变化,或者转换到参考书部分中的另一个主题。
这种描述对我来说不够描述性。我在超文本标记语言文档中使用hr
元素作为分隔内容的方法。这是正确的吗?
谁能举几个例子来说明什么时候使用它(除了所示的例子之外),以及什么时候使用CSS样式?
发布于 2012-03-28 12:56:07
比方说,当你有几个段落有两个不同的主题时,使用它是合适的。
<p>Paragraph about domestic kittens</p>
<p>Paragraph about kittens' favourite foods</p>
<p>Paragraph about kittens' playfulness</p>
<hr>
<p>Paragraph about my day at work</p>
如果你想在图片和内容之间分开主题,我相信这也是合适的。
<img src="/img/kitten.jpg" alt="kitten playing with ball">
<img src="/img/kitten1.jpg" alt="kitten drinking milk">
<hr>
<img src="/img/zebra.jpg" alt="zebras in the wild">
hr
的新用法似乎只是为了区分主题。如果你发现你的内容是连接良好的,不要觉得你需要使用标签。
发布于 2012-03-28 13:04:41
根据this article的说法
在HTML4.01中,
<hr>
标记表示一条水平线。
在HTML5中,<hr>
标签定义了一个主题分隔符。
但是,在可视化浏览器中,<hr>
标记仍然可以显示为水平线,但现在是在语义术语中定义的,而不是表征性术语。
HTML4.01中的所有布局属性(对齐、无阴影、大小和宽度)在HTML4.01中都已弃用,在HTML5中也不受支持。改为使用CSS设置<hr>
元素的样式。
在HTML5中,当您要从先前编写的段落转移主题时,请使用<hr>
。
发布于 2012-03-28 10:06:28
我的简短回答和我的做法是,当没有其他方法可以用CSS干净利落地完成时,我会使用<hr>
,对我来说,这意味着我花了很多年编写超文本标记语言,而且从来没有使用过<hr>
。
最终,如果我只是试图在相同内容的两个部分之间放置某种标记,我可以看到自己在使用<hr>
。
举一个博客帖子的例子:当我觉得从一个主题转换到另一个主题在视觉上很重要时,我会放一个<hr>
。
https://stackoverflow.com/questions/9900178
复制相似问题