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

2021/9/3 6:06:28

本文主要是介绍前端学习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

 



这篇关于前端学习2基础元素规范210902的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程