HTML5代码规范
Posted 清美数字
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5代码规范相关的知识,希望对你有一定的参考价值。
喜欢我就赶快关注我吧
01
第一行是文档类型声明
文档类型声明的写法: <!doctype html>
02
标签名小写
不推荐:<H1>我是标题</H1>
推荐:<h1>我是标题</h1>
03
关闭标签
不推荐:<input type=”text” >
推荐:<input type=”text” />
04
属性名小写
不推荐:<input TYPE=”text” >
推荐:<input type=”text” />
05
属性值写在””中
不推荐:<input type=text >
推荐:<input type=”text” />
06
图片标签添加alt属性
不推荐:<img src=”img/a.png” >
推荐:<img src=”img/a.png” alt=”清美教育” >
07
属性=前后不要有空格
不推荐:<img src = ”img/a.png” alt = ”清美教育” >
推荐:<img src=”img/a.png” alt=”清美教育” >
08
避免一行代码过长
不推荐:<p>清美教育,教育改变我们的未来。清美教育,教育改变我们的未来。清美教育,教育改变我们的未来。清美教育,教育改变我们的未来。清美教育,教育改变我们的未来。</p>
推荐:<p>清美教育,教育改变我们的未来。
清美教育,教育改变我们的未来。
清美教育,教育改变我们的未来。
清美教育,教育改变我们的未来。
清美教育,教育改变我们的未来。</p>
09
为每个逻辑功能块添加空行,便于阅读
10
缩进使用两个空格,不建议使用TAB
觉得不错就给我个"好看"!
以上是关于HTML5代码规范的主要内容,如果未能解决你的问题,请参考以下文章