【问题标题】:Use of <p> tag in htmlhtml中<p>标签的使用
【发布时间】:2014-09-09 21:01:24
【问题描述】:

我经常遇到这样的网页,而不是使用 separate &lt;div&gt; 元素来添加特定样式,而是使用 &lt;p&gt; 标记。

我有兴趣知道:

  1. 添加样式的语义正确方法是什么 - 使用&lt;p&gt; 标记或&lt;div&gt; 标记?
  2. 使用&lt;p&gt; 标记有哪些优势?跟继承有关系吗?

【问题讨论】:

  • 来自定义:
    标签定义了 HTML 文档中的一个分区或一个部分。

    标签定义了一个段落。

  • 您应该使用标签进行语义标记,然后根据需要设置它们的样式。例如,您可能有一个字体较大的

    和一个较小字体的

    。如果您决定使用与

    关联的大小实际上使某个页面的文档标题看起来更好,您仍将使用

    标记,但使用与

    相同的样式来调整它的大小。 Bootstrap 3 有一个设置可以通过以下方式处理这个问题

    你的标题

  • @steakpi,谢谢,这很有帮助。
  • 很高兴能帮上忙 :)

标签: html css semantic-markup


【解决方案1】:

添加样式在语义上是正确的方式

没有。语义和风格在很大程度上是正交的考虑。它们仅在大多数时候您希望以一致的方式向读者呈现语义信息时才相关。

编写语义标记,然后编写描述您希望其外观的 CSS。

使用&lt;p&gt; 标签有什么好处?

它定义了一个paragraph。 (&lt;div&gt; 定义了一个没有相关语义的块)。

跟继承有关系吗?

没有。

【讨论】:

  • 与继承无关是什么意思?
  • @VeeeneX — 我不知道如何回应没有详细解释什么是 CSS 中的继承。不过,这与您选择一个元素而不是另一个元素的原因无关。
【解决方案2】:

您几乎可以对任何标签执行任何操作,但最好遵循一般准则。

如果您可以将文本放入 &lt;p&gt; 而不是 &lt;div&gt;,因为它将有助于屏幕阅读器等。

【讨论】:

  • 你能详细说明一下吗?
  • 使用

    标签,你告诉浏览器/阅读器/搜索引擎,里面的文本是一段文本,对页面有一定的重要性。

    标签纯粹用于页面结构。搜索引擎大部分会忽略
    标签。但是,如果您有一个

    ,一些搜索引擎可以将 和

    关联为一个分组项。这不是最好的方法,但是以这种方式包含某些代码块的影响很小。在 HTML5 中有更简洁的方法。

猜你喜欢
相关资源
最近更新 更多
热门标签