什么是标记任意文本的最语义方式?

时间:2016-02-03 16:43:26

标签: html html5

我们正在讨论如何在<div>标记内直接放置任意文本(例如声明/座右铭)。

有人认为这是标记此代码的最具语义和最有效的方法,而另一个则认为文本应该包含在边框内的P标记中。

你有什么想法?

<div class="section-header inner">
    <img src="/wp-content/uploads/2015/10/ALIPINISIM-e1452270752934.jpg">
    <div class="overlay">From first steps to the biggest objectives, a British Mountain Guide is an expert in techniques and safety, and a reliable companion for your adventures.</div>
</div>

3 个答案:

答案 0 :(得分:2)

根据文本试图传达的内容,有几种方法可以做到这一点。最初会想到<blockquote><section>是另一种方法,取决于使用情况。

在您的示例中,我假设文本与图像一致,因此在这种情况下,我会在其中使用<figure>并使用<figcaption>。在.section-header inner内。

这会回答你的问题吗?

作为事后的想法,可以选择使用hgroup作为一个部分的标题,但没有给出像传统h1, h2,等的等级。

还有像<b>这样的东西,它们的语义较少,但通常只保留给风格不同的文本。

答案 1 :(得分:0)

就个人而言,如果我的页面包含一个简短的,任意的字符串,我不会给它任何语义加权,即你共享的片段。我觉得应该保留p元素来分解连续的文本流。

根据您的陈述或座右铭的背景,您可能会使用q元素,特别是如果您希望将其归因于某人。

答案 2 :(得分:-1)

是段落吗?

段落应标有<p>个元素。