CSS复习第一天（简单规范）

1、有意义的html

    优点：与表现性的页面相比，有意义的页面更容易后期的处理与维护。

               便于浏览器与屏幕阅读器识别。

               更加便于调试样式，适合的标签去做适合的事情。

2、一些有意义的html标签：

3、id 和 class 

      ID

          ①id 用于标示页面上的特定元素（比如站点导航），并且是唯一的。

          ②用来标识持久的结构性元素，例如主导航或内容区域。

          ③用来标识一次性元素。

      CLASS

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

          ②他适合标识内容的类型或其他相似的条目。

      合理的使用 id 和 class

          class 用于概念上相似的元素，他们可以在页面上出现多次。同时在使用 class 时，要避免”多类症“，使用样式表的层叠，使其更具意义，更加有利于”组件化“。

          id 一般用于只出现一次的元素上。

 

         

  4、为元素命名

      为元素命名时，应该根据“他们是什么”来为元素命名，我不应该根据“他们的外观如何”来命名。这样会使代码更有意义，并且避免代码与设计的不同步。例如：bootstrap中 .warning 、.success 等，这样将更加便于重用和理解。

 

  5、div 和 span

      div 有助于在文档中添加结构，并且他也是有意义的。他代表部分（division），可以将文档分割为几个有意义的区域。所以，通常将主要内容区域包围在div中并为其分配适当的类，就可以在文档中添加结构和意义。

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

            <div class="nav">

                    <ul>

                            <li></li>

                            <li></li>

                    </ul>

            </div>

            改为：

             <ul class= "nav">

                     <li></li>

                     <li></li>

             </ul>

    6、DTD（文档类型定义）是一组机器可读的规则，他们定义XML或者HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施，即通过分析页面的DOCTYPE声明来了解要使用哪个DTD。

    7、DOCTYPE 声明除了进行对文档代码的验证之外，还用于确定浏览器的渲染模式。

        标准模式（Standards Mode）：浏览器根据规范呈现页面。

        混杂模式（quirks mode）：页面以一种比较宽松的向后兼容的方式显示。它用来模仿老式浏览器（IE6之前和Netscape Navigator 4）的行为，以防老式站点无法工作。

        几乎标准的模式（Almost Standards Mode）：IE8、Opera（7.5) 和其他浏览器，除了IE11  的第三种模式。除了在处理表格的方式上有一些细微的差异外，这种模式与标准模式相同。

    8、DOCTYPE 切换    https://hsivonen.fi/doctype/