我们正在讨论如何在<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>
答案 0 :(得分:2)
根据文本试图传达的内容,有几种方法可以做到这一点。最初会想到<blockquote>
。 <section>
是另一种方法,取决于使用情况。
在您的示例中,我假设文本与图像一致,因此在这种情况下,我会在其中使用<figure>
并使用<figcaption>
。在.section-header inner
内。
这会回答你的问题吗?
作为事后的想法,可以选择使用hgroup
作为一个部分的标题,但没有给出像传统h1, h2,
等的等级。
还有像<b>
这样的东西,它们的语义较少,但通常只保留给风格不同的文本。
答案 1 :(得分:0)
就个人而言,如果我的页面包含一个简短的,任意的字符串,我不会给它任何语义加权,即你共享的片段。我觉得应该保留p
元素来分解连续的文本流。
根据您的陈述或座右铭的背景,您可能会使用q
元素,特别是如果您希望将其归因于某人。
答案 2 :(得分:-1)
是段落吗?
段落应标有<p>
个元素。