HTML:文本是否需要容器元素符合标准?

时间:2018-01-05 17:58:58

标签: html standards w3c semantic-markup

是否符合以下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>

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

3 个答案:

答案 0 :(得分:7)

这两个例子都有效。

从技术上讲,在第一个容器中,文本 ,外部<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>标记代替。更一般地说,每种类型的内容应该写在语义相关的标签内。

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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