doctypes规则

Question

经过大量文章和this post，我知道为什么doctypes用于，以及浏览器触发的不同模式，如标准，怪癖等。

我从这个网址下载了一个严格的doctype - http://www.w3.org/TR/html4/strict.dtd但是无法理解其中的内容。

我的问题是，如果我想写一个带有html和css的页面，它将会有一个将触发标准模式的doctype，我在哪里可以得到一个清晰易懂的列表我的html和css代码应遵守的所有规则？

Answer 1

查看W3C规范。这应该告诉你很多。它还应该包含编写良好且文档齐全的代码，这些代码遵循Web语义。开发您自己使用的模式，经验丰富后，它将变得更加粘合。

我建议的一些事项是确保您的meta，br和link标记在其末尾没有/>。

<link rel="stylesheet" /> <!-- bad -->
<link rel="stylesheet"> <!-- good -->

此外，请勿将带有div的{​​{1}} id放入div s class。

<div class="myClass"> <!-- bad -->
    <div id="myId">

    </div>
</div>

<div id="myId"> <!-- good -->
    <div id="myClass">

    </div>
</div>

另外，要警惕已弃用的元素。谷歌“弃用了html元素”，你会发现很多参考资料。例如，不要使用样式内容的HTML标记，只使用格式内容的HTML标记，然后使用CSS来设置样式。 （例如 i，b，s，u，font 标签）。

“标准”，也是一个非常广泛的“伞形”话题。有许多方法可以遵守或不符合标准。另外，尝试始终坚持HTML5和CSS3语义，请参阅this page了解相关信息。

一些很好的参考资料：

http://www.w3.org/html5
http://www.w3.org/html/wg/drafts/html/master/
http://www.webkit.org/coding/coding-style.html（仅限几件事）
http://www.w3.org/standards/

修改

回应您的疑惑评论

嗯，你真的 以避免结束陈述（/>），它只是good practice。 因此，对于批评你并没有批评或者甚至没有资格获得批评，它只是形成良好的，结构性的和遵守标准的习惯。以及那些 只是我指出的一些事情，甚至没什么大不了的。这些只是我纠正的事情 如果重新设计一个网站。

就筑巢方案而言，它再次被视为良好做法。想一想，id代表 用于识别。它标识了文档的各个部分。其中包含div的{​​{1}}定义 特定元素或特定元素的目标。你会做什么 在一个旨在定位特定元素的元素中识别文档的大部分内容 你文件的一部分？我喜欢将它视为亲子关系，不过这一点 是值得商榷的。

总而言之，我认为使用“好”和“坏”这两个词可能有点苛刻。替换它们 与“标准警惕的人更喜欢”和“标准警惕的人不喜欢什么”。

回到你的问题，似乎我的答案没有提供完全的清单 规则，但我认为不存在这样的规则。只是担心养成良好的习惯，并阅读 很多博客和规格。做一些谷歌搜索，你会感到惊讶。

编辑2

在第二个注释中，我看到你正在使用HTML4“Strict”。这不是2009年了。尽管HTML5仍然只是一个候选推荐，如果你担心坚持“最新和未来的标准”，那就开始坚持下去了。