【问题标题】:Is it necessary to wrap <strong>, <em>, <b>, <i> inside <p> tag, if content is not paragraph?如果内容不是段落,是否有必要将 <strong>、<em>、<b>、<i> 包裹在 <p> 标记内?
【发布时间】:2011-01-15 06:38:41
【问题描述】:

例如:

没关系

<div>
    <p>some <strong>long</strong> text</p>
    <strong>- end -</strong>
    <p>some long text</p>
</div>

或者这在语义上更正确?

<div>
    <p>some <strong>long</strong> text</p>
    <p><strong>- end -</strong></p>
    <p>some long text</p>
</div>

【问题讨论】:

    标签: css xhtml accessibility semantic-markup screen-readers


    【解决方案1】:

    如果不是段落,则不应将其标记为段落。 (HTML 规范解释了 how to read the DTD 以确定文档中给定点允许哪些元素。)

    &lt;p&gt;&lt;strong&gt;- end -&lt;/strong&gt;&lt;/p&gt;

    ……但是,我不知道这是什么。您应该遵循语法的正常规则。

    【讨论】:

    • - end - 这是我从客户端获得的 MS word 文件中每个段落之后的段落结尾指示
    • 每段的末尾都有&lt;strong&gt; - end - &lt;/strong&gt;?那很有意思。如果他们像那样使用它并且他们想要保留内容,那么&lt;br/&gt;&lt;strong&gt; - end - &lt;/strong&gt;&lt;/p&gt; 就是答案。但我更喜欢大卫的——只要&lt;/p&gt;,如果他们允许的话,就把它扔掉。
    • 你的意思是即使 也是有效的,但我们应该包含在

      中。

    【解决方案2】:

    学术回答:两者都兼容 XHTML。 实用答案:浏览器不会对此表示怀疑

    【讨论】:

      【解决方案3】:

      如果内容不是段落,那么将其标记为这样就没有语义。

      如果你的结束标记是为了阅读而设计的,那么它是否实际上是一个段落是有争议的。如果它不是为阅读而设计的,则不应使用&lt;strong&gt; 等面向阅读的标签进行标记,而应在 span 或 div 中应用样式表以使字体粗细变粗。

      【讨论】:

        【解决方案4】:

        The spec 并没有说你必须这样做。 The validator 很高兴您将它放在其他块级容器中。

        【讨论】:

          【解决方案5】:

          在我看来“-end-”是&lt;hr/&gt;p:after{content:"-end-"} 的情况

          【讨论】:

          • p:after{content:"-end-"} 所有浏览器都支持吗?
          • 不,它不是,但如果它是纯粹的表现形式,这可能并不重要。
          【解决方案6】:

          正如您提到的,较低的语义更正确,因为&lt;strong&gt; 标签不是块级元素,这意味着您需要将其包装在&lt;p&gt; 中。否则,我相信您在尝试验证 HTML 时会遇到问题。

          【讨论】:

          • 除了p 之外,还有很多元素可能是strong 元素的子元素。此外,“有效性”和“语义”是非常不同的东西。
          • 同意。但就仅使用 This is Bold 而言,您会遇到验证 HTML 的问题。
          • 在问题给出的示例中,strong 元素是 div 元素的子元素......这是有效的。
          猜你喜欢
          • 1970-01-01
          • 2014-05-09
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2010-09-08
          • 2017-05-15
          • 2016-05-17
          • 2017-11-03
          相关资源
          最近更新 更多