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

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

一.元素的写法

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

image-20210903002337068

2.id是唯一的，适用于不同，类不唯一，适用于相同image-20210903002047910

image-20210903002111136

3.好的命名-有意义并多个单词分割更清楚image-20210903002424329
4.尽量使用类，防止出现多个ID，不容易看

image-20210903002747016

多个难看的ID和一个清晰的类写法image-20210903002858383

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

image-20210903003217096

image-20210903003255319

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

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

image-20210903003645595

image-20210903003653302

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

image-20210903003935645

image-20210903004110717

6.微格式

image-20210903004218233

image-20210903004420209

7.不同的html和css版本

image-20210903004615234

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

1.文档类型、DOCTYPE

image-20210903004814996

image-20210903004841802

2.有效性验证

image-20210903005149432

image-20210903005132139

image-20210903005421884

image-20210903005446323

 

posted @ 2021-09-03 01:04  learnacode  阅读(36)  评论(0)  编辑  收藏  举报