Question

是否符合以下W3C标准：

<div>
  <h3>Heading</h3>
  This is the text for this section.
</div>

或者文本是否需要容器元素？

<div>
  <h3>Heading</h3>
  <p>This is the text for this section.</p>
</div>

第一个例子并不适合我，但内容编辑问我，我意识到我不知道它是否可以。

Answer 1

这两个例子都有效。

从技术上讲，在第一个容器中，文本是，外部<div>。

无论如何，将文本直接放在<body>内是完全有效的，这意味着以下HTML文档将通过validation而没有错误或警告：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
    <h3>Heading</h3>
    This is the text for this section.
</body>
</html>

更相关的问题是它是semantically correct。简而言之，段落文本应该由<p>标记代替。更一般地说，每种类型的内容应该写在语义相关的标签内。

Answer 2

我会建议你使用第二种方法。当您使用正确的标题标签时，它有助于提高您的页面搜索引擎优化。此外，段落标记P可帮助某些浏览器以“阅读模式”呈现您的页面。最后，div是块显示元素。这个CSS代码看起来有点奇怪：div {color: blue}。但是，p { color: red; }对很多人来说更有意义。

Answer 3

从技术上讲，两者都符合HTML（除非你根据严格的HTML4.x / XHTML1.x方案验证它has no connection to reality anymore）。 Hovewer，从样式/脚本角度来看，第二种方法可能更方便，有可能直接处理任何内容。第一个示例有implicit paragraph，而显式通常比隐式更好。

HTML：文本是否需要容器元素符合标准？

3 个答案: