首页 > 其他 > 详细

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

时间:2021-09-03 21:01:17      阅读:9      评论:0      收藏:0      [点我收藏+]

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

一.元素的写法

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

技术分享图片

2.id是唯一的,适用于不同,类不唯一,适用于相同技术分享图片

技术分享图片

3.好的命名-有意义并多个单词分割更清楚技术分享图片
4.尽量使用类,防止出现多个ID,不容易看

技术分享图片

多个难看的ID和一个清晰的类写法技术分享图片

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

技术分享图片

技术分享图片

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

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

技术分享图片

技术分享图片

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

技术分享图片

技术分享图片

6.微格式

技术分享图片

技术分享图片

7.不同的html和css版本

技术分享图片

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

1.文档类型、DOCTYPE

技术分享图片

技术分享图片

2.有效性验证

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

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

原文:https://www.cnblogs.com/Doner/p/15221467.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!