HTML缩进和可读性

时间:2011-04-01 08:28:55

标签: html

在我们所有的项目中,我们都有严格的政策来缩进所有HTML,XML等以匹配嵌套深度;但最近出现了一个问题:HTML中的<head><body>是否应缩进以匹配嵌套深度?

基本上,这是一个

的问题
<html>
<head>
  <title>...</title>
</head>
<body>
  ...
</body>
</html>

VS。

<html>
  <head>
    <title>...</title>
  </head>
  <body>
    ...
  </body>
</html>

我已经看到了'网络,但哪一个应该被认为是最合适的?

7 个答案:

答案 0 :(得分:3)

如果策略是通过嵌套深度缩进,则第二个是正确的。但是,我通常不打算缩进它们。我敢肯定我并不孤单。

答案 1 :(得分:2)

第二个
第一个是同一级别的html,body和head,如果你从它上面创建一个树形结构,那就不行了。

答案 2 :(得分:2)

<head><body>都是<html>的孩子。所以,第二个更恰当。

答案 3 :(得分:2)

我个人不会缩进<head><body>来保存一个级别的缩进。

然而,最近开始使用两个空格来缩进HTML(而不是四个),我可能会改变我的方法。

与任何缩进一样,目的是使结构更容易遵循,因此一致性是唯一重要的规则。如果样式是一致的,那么它是可读的(通过一些练习)。任何其他规则都是主观的(充其量)。

答案 4 :(得分:1)

最合适的是缩进,因为它们都是HTML元素的一部分。

真的重要吗?没有。 由于代码的宽度稍微不那么大,所以甚至可能更难以缩进它们。

缩进是个人偏好。做你觉得有用的东西来阅读它。

答案 5 :(得分:0)

没有既定的标准。你应该坚持你的公司/团队执行的政策,或者只是最适合你的那个

答案 6 :(得分:0)

缩进所有元素将是最一致的方式,但可能不是最有用的。

实际上,缩进html元素并不是很有用。只有一个,所有内容(除了doctype)都在其中。不缩进它会在整个文档中保存一个级别的缩进。

缩进headbody元素更有用,但如果没有它,代码仍然可以合理地读取。其余级别通常应该达到正确的级别,以使代码可读。尽量做到尽可能准确,如果你在压痕中失去平衡,它就会失去很多价值。