是否符合以下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>
第一个例子并不适合我,但内容编辑问我,我意识到我不知道它是否可以。
答案 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,而显式通常比隐式更好。