段落标签可以是一个句子吗？答案

【问题标题】：Can paragraph tags be one sentence long?段落标签可以是一个句子吗？
【发布时间】：2020-01-22 15:26:25
【问题描述】：

我对段落标签的含义感到困惑。有的网站用段落表示一个句子，但感觉不像是段落。

以this webpage 为例。对于“用于 4k 视频的专业强大的 HDMI 光纤扩展器”和“HDMI 2.0 | 2160p60 | 18Gbps | HDR | 4:4:4 | HDCP 2.2”元素，哪些标签在语义上更有意义？您会使用span、div 还是第一句的标题？

第二句的问题相同。感觉不像是一个段落，甚至不是一个句子。它仅由由垂直线分隔的单词组成。是span、div，还是小标题？另一方面，如果我使用span，这不会向搜索引擎和屏幕阅读器表明这不是文本吗？我的意思是，span 没有语义，而第二句话提供了意义。

页面的下一个标题也是如此。规格、支持和订购信息是标题，毫无疑问，它们引入了新的内容部分。但是“经久耐用”和“全纤维”呢？他们真的感觉不像是同一类型的标题。对他们来说最语义化的标签是什么？

【问题讨论】：

重复stackoverflow.com/questions/1908234/when-to-use-span-instead-p
When to use <span> instead <p>?的可能重复
@SoumenMukherjee 重复的问题没有回答我的问题。我真的在问什么是段落。我已经编辑了我的问题。
您能否提供一个最小的 HTML 示例，显示相关元素及其内容以及必要的上下文？如果链接的示例离线，这个问题应该仍然有意义。
是的，段落可以是一个句子；毫无疑问。

标签： html semantic-markup

【解决方案1】：

首先，如果“为什么？”这个问题的核心是“SEO 和语义 HTML”，值得注意的是，在这种特殊情况下（以及在许多其他情况下），使用什么标签绝对无关紧要。

并非每一件事都在标记中具有语义意义。

使用<footer>...</footer> 而不是通用<div>...</div> 作为页脚是个好主意，但对于文本元素，最重要的可能是清楚地区分“文本”和“标题”。

顺便说一句，如果你查找the definition of paragraph，它只指定了2个特定的段落限制

这是一些文字（很好的文字，不要使用<p> 作为<div>s 或<img>s 的容器）。
“段落从新行开始”（在网络环境中易于理解，因为页面上的不同位置几乎就像书中的“新行”）。

其余的只是一般性观察。

它说“通常不止一个句子”和“段落之间通常有一个空行”，但从技术上讲，您可以编写两个由“|”分隔的 1 个单词的段落，而不是空行。

也跟在paragraph specs之后。

至于<span> 和<div>，根据specs，它们应该用于相同的目的（文档结构），区别在于<div> 是块级元素，而<span> 是块级元素内联元素。

所以<span>s 基本上是内联<div>s。

在您的示例网站中，考虑到电子商店的名称在 <nav> 的某处，我会说“用于 4K 视频的专业强大的 HDMI 光纤延长器”是 <h2> 或 <h3> （据我所知，这是一种常见做法）。

“HDMI 2.0 | 2160p60 | 18Gbps | HDR | 4:4:4 | HDCP 2.2”应该很可能是<p>（或者<h4>/<h5>，如果它是真的重要）。

此元素的“部分”可能会或可能不会包含在 <span>s 中，具体取决于您是否需要它用于样式或其他目的。

【讨论】：

标题并不是为了传达重要性。这两行文本都不适合作为标题。但你的答案的其余部分是有效的。我建议将每一行标记为自己的 p 元素，并使用不同的类名（这样它们的样式可以不同）。
@BoltClock 我同意，这部分答案更多地是关于常见的 SEO 实践，以“突出”带有标题标签的重要部分，这些标签在语义标记中可能会或可能不会（通常不是）足够。
@BoltClock 尽管我确实认为第一段文字（“专业健壮...”）在这种情况下完全适合作为标题。
为什么你认为它们不应该是标题？这是我最困惑的部分。我的目标不一定是尊重最佳 SEO 实践，而是根据 HTML5 规范使网页尽可能语义化。从语义的角度来看，使用什么标准来决定标题、段落和跨度？

【解决方案2】：

你不应该担心，除非你想给它设置样式然后使用 span。如果不是，它应该在标题三或段落中，具体取决于您想要的内容。

【讨论】：

【解决方案3】：

问题：段落标签可以是一个句子吗？

是的，<p> 标签可以是一个句子——就像英语中的段落可以是一个句子一样。 MDN Web Docs的<p>: Paragraph Element页面上使用的示例之一以单句段落为例：

<p>Some species live in houses where they hunt insects attracted by artificial light.</p>

问题：以this webpage为例。什么标签更有意义语义上的元素“专业强大的 HDMI 光纤延长器 4k 视频”和“HDMI 2.0 | 2160p60 | 18Gbps |高动态范围 | 4:4:4 |高密度脂蛋白 2.2"？您会在第一句话中使用 span、div 还是标题？

如果我将网页编写为文本文档，那么对于文档的主标题最有意义的是什么？在 h1 的情况下：页面的主题是什么？在这种情况下，我会说“HXT2：用于 4K 视频的专业强大的 HDMI 光纤延长器”作为 h1 最有意义，因为这是页面的主题。图像 HXT2 图像的 alt 文本充当文本，因此您可以这样标记：

<h1><img src="HXT2.jpg" alt="HXT²"> Professional robust HDMI fiber extender for 4K video</h1>

以下文本（“HDMI 2.0 | 2160p60 | 18Gbps | HDR | 4:4:4 | HDCP 2.2”）实际上是元信息列表，可以在语义上标记为无序列表：

<ul>
  <li>HDMI 2.0</li>
  <li>2160p60</li>
  <li>18Gbps</li>
  <li>HDR</li>
  <li>4:4:4</li>
  <li>HDCP 2.2</li>
</ul>

问题：如果我使用跨度，这不会向搜索引擎和屏幕阅读器表明这不是文本吗？

没有。虽然<span> 元素本身没有任何特殊的语义含义，但它们不会删除文本的固有语义。包裹在 <span> 中的文本仍然是文本，它对搜索引擎或屏幕阅读器的解释方式没有内在影响。

【讨论】：