HTML 文档所需的标签应该如何缩进？ [关闭]答案

【问题标题】：How should the required tags of an HTML document be indented? [closed]HTML 文档所需的标签应该如何缩进？ [关闭]
【发布时间】：2013-07-03 20:09:04
【问题描述】：

在编写格式正确的 HTML 5 文档时，当我指定标题时，我处于第三级缩进，我想知道这是否太多了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Hello World!</title>
</head>
<body>
    <p>
    Hello world!
    </p>
</body>
</html>

对

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Hello World!</title>
    </head>
    <body>
        <p>
            Hello world!
        </p>
    </body>
</html>

我应该什么时候缩进，什么时候会影响可重复性？

【问题讨论】：

缩进对html没有影响，它是纯粹的可读性。

标签： html coding-style format

【解决方案1】：

这取决于你。但是 fx example coda 自动缩进喜欢这个：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Hello World!</title>
</head>

<body>
    <p>Hello world!</p>
</body>
</html>

与eclipse和dreamweaver一样...

【讨论】：

【解决方案2】：

我认为两者都很好。为了便于阅读，很多人不会在 <head> 标签中缩进任何内容。

我认为，如果您查看网页源代码或尝试检查 chrome 中的元素，您会发现许多服务器会自动格式化所有内容，就像您在第二个示例中所做的那样。

【讨论】：

【解决方案3】：

我认为像 <!DOCTYPE> 和 <html> 这样的主要元素不应该缩进，所有其他子元素应该在这样的结构中缩进：

<main element>
    <sub element>
    <sub element>
        <sub sub element>
        <sub sub sub element>
            ...
                ...
                ...(closing)
            ...(closing)
        ...(closing)
    ...(closing)
...(closing)

参见this 文章。

【讨论】：