码迷,mamicode.com
首页 > Web开发 > 详细

读《精通css》

时间:2016-06-07 19:15:59      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

第一章:

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是否有效。

读《精通css》

标签:

原文地址:http://www.cnblogs.com/beileiluan/p/5567840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!