本文主要是介绍前端学习2基础元素规范210902,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前端学习2基础元素规范210902
一.元素的写法
1.写的标记有意义,方便找寻
![image-20210903002337068](/upload/202109/03/202109030606238253.png)
2.id是唯一的,适用于不同,类不唯一,适用于相同![image-20210903002047910](/upload/202109/03/202109030606240299.png)
![image-20210903002111136](/upload/202109/03/202109030606242188.png)
3.好的命名-有意义并多个单词分割更清楚![image-20210903002424329](/upload/202109/03/202109030606244239.png)
4.尽量使用类,防止出现多个ID,不容易看
![image-20210903002747016](/upload/202109/03/202109030606246441.png)
多个难看的ID和一个清晰的类写法![image-20210903002858383](/upload/202109/03/202109030606248497.png)
新手容易在各个标签上加类,会看起来糟糕,并出现无意义代码,其实只需要在各个标签总体上加类就行。过度的使用类称为‘多类症’。
![image-20210903003217096](/upload/202109/03/202109030606250387.png)
![image-20210903003255319](/upload/202109/03/202109030606252432.png)
5.div对块级元素分组,span对行内元素
div代表部分,将文档分割成多个有意义的区域,主要内容区包围在div中并分配Content类,就可以在文档中添加结构和名称。
![image-20210903003645595](/upload/202109/03/202109030606254322.png)
![image-20210903003653302](/upload/202109/03/202109030606256212.png)
过度的div称为‘多div症’。
![image-20210903003935645](/upload/202109/03/202109030606258101.png)
![image-20210903004110717](/upload/202109/03/202109030606260148.png)
6.微格式
![image-20210903004218233](/upload/202109/03/202109030606262208.png)
![image-20210903004420209](/upload/202109/03/202109030606264098.png)
7.不同的html和css版本
![image-20210903004615234](/upload/202109/03/202109030606266456.png)
二.文档类型、DOCTYPE切换和浏览器模式
1.文档类型、DOCTYPE
![image-20210903004814996](/upload/202109/03/202109030606268502.png)
![image-20210903004841802](/upload/202109/03/202109030606270269.png)
2.有效性验证
![image-20210903005149432](/upload/202109/03/202109030606272315.png)
![image-20210903005132139](/upload/202109/03/202109030606274517.png)
![image-20210903005421884](/upload/202109/03/202109030606276573.png)
![image-20210903005446323](/upload/202109/03/202109030606278775.png)
这篇关于前端学习2基础元素规范210902的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!