html - <head> 和 <body> 标签是否应该与 <html> 的缩进级别不同?

标签 html tags indentation

我一直想知道是否有任何关于缩进 body 或 head 标签的固定标准,但在任何地方都找不到答案。

这个版本正确吗?

<html>
<head>
</head>
<body>
</body>
</html>

还是这个?

<html>
    <head>
    </head>
    <body>
    </body>
</html>

虽然我很欣赏它可能不会对最终网站的功能产生丝毫影响,但我们都是人类,并且都拥有好奇心这一天赋/负担。

是否有任何既定标准或无关紧要?

最佳答案

HTML 不关心缩进,它只需要适当的嵌套。它的解析方式相同(当然除了空白文本节点),正确性并不重要。

虽然适当的缩进对可读性很重要,但许多人选择不缩进 <html> , <head><body>标签,因为它们的结构很简单,只会不必要地向右移动整个文档。这些标签的内容应始终缩进以进行干净的标记,以便读者清楚嵌套结构。

要明确回答您的问题:

Should <head> and <body> tags be on a different level of indentation to <html>?

没有必要,因为每个人都知道它们嵌套在 <html> 中.如果你愿意,你可以做到。两者

<html>
    <head>
        <title>…</title>
        …
    <head>
    <body>
        <div>
            <div>…</div>
            …
        </div>
        …
    </body>
<html>

<html>
<head>
    <title>…</title>
    …
<head>
<body>
    <div>
        <div>…</div>
        …
    </div>
    …
</body>
<html>

很好,而下面的不是:

<html>
<head>
<title>…</title>
…
<head>
<body>
<div>
<div>…</div> <!-- which nesting level ??? -->
…
</div>
…
</body>
<html>

关于html - <head> 和 <body> 标签是否应该与 <html> 的缩进级别不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29900287/

相关文章:

github - 从源代码中提取 # TODO 标签并将它们转换为 Bitbucket/Github 上的问题

html - 在多行上缩进 HTML 标签

javascript - 如何在刷新后删除 id (#) 目标

javascript - CSS:导航栏

javascript - AJAX 无法与 onsubmit 一起使用

java - 如何在 android 中使用 Log.d 设置断点

MySQL - 制作一个(简单的?)带有标签的搜索引擎

Vim 保持不缩进

git - 如何让 Git 忽略空格和制表符?

html - Google hreflang 语言困惑 : Do I have to add hreflang for the page ITSELF?