0

在浏览了很多文章和这篇文章之后，我知道为什么要使用 doctypes以及浏览器触发的不同模式，如标准、怪癖等。

我从这个网址下载了一个严格的文档类型 - http://www.w3.org/TR/html4/strict.dtd但无法理解里面写的东西。

我的问题是，如果我想用 html 和 css 编写一个页面，该页面将有一个将触发标准模式的 doctype，我在哪里可以获得一个清晰易懂的列表，列出我的 html 和 css 代码应该使用的所有规则坚持？

4

1 回答 1

2

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

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

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

另外，不要把divs with ids 放在divs with classes 里面。

<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、字体标签）。

“标准”，也是一个很宽泛的“保护伞”话题。您可以通过多种方式遵守或不遵守标准。此外，请尝试始终坚持 HTML5 和 CSS3 语义，请参阅此页面了解相关信息。

一些很好的参考：

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/

编辑

回应您的困惑评论

好吧，您实际上不必避免结束语句 ( />)，这只是一种好习惯。因此，避免它并不重要，甚至没有资格受到批评，这只是为了形成良好的、结构性的和遵守标准的习惯。这些只是我指出的一些事情，甚至不是什么大问题。这些只是我重新设计网站时要纠正的事情。

就嵌套方案而言，它再次被认为是好的做法。想一想，id代表身份。它标识了文档的某些部分。div其中带有 a的A ，class为某些更指向的元素定义了某个类或目标。您将如何在旨在针对文档特定部分的元素中识别大部分文档？我喜欢把它想象成一种亲子关系，但这是有争议的。

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

回到您的问题，我的回答似乎没有提供确切 规则的列表，但我认为不存在。只需担心建立良好的习惯，并阅读大量博客和规范。做一些谷歌搜索，你会感到惊讶。

编辑 2

在第二个说明中，我看到您使用的是 HTML4“Strict”。这已经不是 2009 年了。尽管 HTML5 仍然只是一个候选推荐，但如果您担心遵守“最新和未来的标准”，请开始坚持下去。

于 2013-02-01T23:26:24.847 回答