读《精通css》

Posted 2020-07-22

第一章：

1. 标签语义化的意义：可以让人、程序和其他设备更容易识别和理解，让文档的结构变得清楚。可以简便的将元素调整为所需要的样式，避免不必要的代码膨胀。

2. 由于可用的语义元素并不全面，因此，开发人员大多使用现有的元素通过添加ID或者类名给其赋予意义。这会在文档中添加额外的结构，并给样式提供有用的“钩子”(hook)。

3. 命名：保持名称与表现形式无关。根据“是什么”来命名，而非“外观如何”。有意义的类名的最大优点是可以在整个网站中重用它们。

    ID：用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。

    类名：可以应用于页面上任意多个元素。

4. ID还是类？

    一般原则：类应该用于概念上相似的元素，这些元素可以出现在同一个页面的多个位置。ID应该用于不同的唯一的元素，只有在绝对确定这个元素只会出现一次的情况下，才应该使用ID。

   “多类症”：过度使用 类 控制样式，在文档中添加了无意义的代码。这种对类名的过度依赖是完全不必要的。如果发现添加了很多类，这很可能意味着html文档的结构有问题。

5. “多div症”：过度使用div，这是代码结构不合理而且过分复杂的一个信号。

    为了将不必要的标记减到最少，应该只在没有现有元素能够实现区域分割的情况下使用div元素。

6. DTD(文档类型定义)是一组机器可读的规则，它们定义XML或HTML的特定版本中允许有什么，不允许有什么。

    在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。

    浏览器通过分析页面的DOCTYPE声明来了解要使用哪个DTD，由此知道要使用HTML的哪个版本。

7. 有效性验证：W3C验证器（bookmarklet）或者Firefox Web Developer Extension等插件检验HTML是否有效。