前端学习2基础元素规范210902

前端学习2基础元素规范210902

一.元素的写法

1.写的标记有意义,方便找寻

前端学习2基础元素规范210902

2.id是唯一的,适用于不同,类不唯一,适用于相同前端学习2基础元素规范210902

前端学习2基础元素规范210902

3.好的命名-有意义并多个单词分割更清楚前端学习2基础元素规范210902
4.尽量使用类,防止出现多个ID,不容易看

前端学习2基础元素规范210902

多个难看的ID和一个清晰的类写法前端学习2基础元素规范210902

新手容易在各个标签上加类,会看起来糟糕,并出现无意义代码,其实只需要在各个标签总体上加类就行。过度的使用类称为‘多类症’。

前端学习2基础元素规范210902

前端学习2基础元素规范210902

5.div对块级元素分组,span对行内元素

div代表部分,将文档分割成多个有意义的区域,主要内容区包围在div中并分配Content类,就可以在文档中添加结构和名称。

前端学习2基础元素规范210902

前端学习2基础元素规范210902

过度的div称为‘多div症’。

前端学习2基础元素规范210902

前端学习2基础元素规范210902

6.微格式

前端学习2基础元素规范210902

前端学习2基础元素规范210902

7.不同的html和css版本

前端学习2基础元素规范210902

二.文档类型、DOCTYPE切换和浏览器模式

1.文档类型、DOCTYPE

前端学习2基础元素规范210902

前端学习2基础元素规范210902

2.有效性验证

前端学习2基础元素规范210902

前端学习2基础元素规范210902

前端学习2基础元素规范210902

前端学习2基础元素规范210902

 

上一篇:DOCTYPE和lang以及字符集的作用


下一篇:HTML结构