html - 文档类型规则

Question

在浏览了很多文章和this post之后, 我知道为什么文档类型用于 以及由浏览器触发的不同模式，如标准、怪癖等。

我从这个网址下载了一个严格的文档类型 - http://www.w3.org/TR/html4/strict.dtd但完全看不懂里面写的是什么。

我的问题是，如果我想用 html 和 css 编写一个页面，该页面将有一个将触发标准模式的文档类型，我在哪里可以得到一个清晰且易于理解的列表我的 html 和 css 代码应遵守的所有规则？

Answer 1

查看 W3C 规范。那应该告诉你很多。它还应该具有编写良好且文档齐全的代码，这些代码符合 Web 语义。开发您自己使用的模式，在体验之后它会变得更加坚持。

我建议的几件事是确保您的 meta、br 和 link 标签没有 /> 在它们的末尾。

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

此外，不要将带有 id 的 div 放在带有 class 的 div 中。

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

    </div>
</div>

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

    </div>
</div>

此外，请注意已弃用的元素。谷歌“弃用的html元素”，你会发现很多引用资料。例如，不要使用 style 内容的 HTML 标签，只使用 format 内容的 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代表用于识别。它标识文档的各个部分。一个包含 class 的 div，定义某些更尖锐的元素的某个类或目标。你会做什么在旨在针对特定目标的元素中识别文档的大部分内容你的文件的一部分？我喜欢将其视为亲子关系，但是这很有争议。

总而言之，我认为使用“好”和“坏”这两个词可能有点苛刻。替换它们以及“对标准持谨慎态度的人喜欢什么”和“对标准持谨慎态度的人不喜欢什么”。

回到你的问题，我的回答似乎没有提供确切的列表规则，但我认为不存在。只需担心养成良好的习惯，然后继续阅读很多博客和规范。做一些谷歌搜索，你会感到惊讶。

编辑2

另外，我看到您使用的是 HTML4“严格”。这已经不是 2009 年了。尽管 HTML5 仍然只是一个候选推荐，但如果您担心遵守“最新和 future 的标准”，请开始坚持使用它。