- 在分配ID和类名是尽量与表现方式无关,想想如果页面都已表现方式命名,如表单通知都为red类,当要让通知显示为黄色时,就不好改了。所以应该以它是什么命名,而不是“它们的外观如何”来命名.
- 类功能强大但也可能被过度使用或滥用。css新手常常在几乎所用东西上添加类,从而试图更精细地控制它们nederland样式。早期的WYSIWYG编辑器也倾向于在应用样式的每个地方都添加类,这是一个坏习惯,称为‘多类症’,在文档中添加了无意义的代码。
<h2 class="news-head">this is new head</h2>
<p class="news-text">
this is news text
</p>
<p class="news-text"><a href='news.php' class="news-link">More</a></p>
这里每个元素被标为新闻的一部分。但是不需要这么多,可以将新闻条目放在一部分,并加上类名news,从而标识整个新闻条目。
<div class='news'>
<h2>this is new head</h2>
<p>
this is news text
</p>
<p><a href='news.php'>More</a></p>
</div>
这种方式删除不必要的类有助于简化代码,从而使页面跟整洁,更组件化,大大提高灵活性。
- 文档类型,DOCTYPE切换和浏览模式
3.1. DTD(文档类型定义)是一组机器可读的规则,它们定义XML或HTML的特定版中中允许什么,不允许什么。在网页解析时通过这检查网页的有效性并采取相应措施。浏览器通过DOCTYPE声明来了解使用哪个DTD由此知道使用HTML的哪个版本。
3.2. 浏览器模式
当浏览器厂商创建与标准兼容的浏览器时,他们希望确保向后兼容,所以创建了两种呈现模式:标准模式和混杂模式。在标准模式中,浏览器根据规范呈现页面;混杂模式中以宽松的向后兼容的方式。
两种模式的差异,最显著的是在IE6中,标准模式下是正确的盒式模型,在混杂模式下使用老式的专有模型。Opera7和更高版本也在混杂模式中使用老式IE盒式模型。
Mozilla和Safari还有第三种模式,‘几乎标准的模式’,除了在处理表格的方式上有些差异外,这种模式与标准模式相同。
3.3. DOCTYPE切换
浏览器根据DOCTYPE是否存在以及使用哪种DTD来选择呈现方法。如果XHTML文档包含形式完整的DOCTYPE,一般以标准模式呈现。对于HTML4.01文档,包含严格DTD的DOCTYOE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也是以标准模式呈现,但是过渡DTD而没有URI则以混杂模式呈现。DOVTYPE不存在或形式不正确则以混杂模式呈现。
小结
本章了解命名的原则,html版本,浏览器间的差异