本文摘自PHP中文网，作者php中世界最好的语言，侵删。
这次给大家带来HTML的代码书写有哪些规范，书写HTML的代码的注意事项有哪些，下面就是实战案例，一起来看一下。通用约定
标签
自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；
可选的闭合标签（closing tag），需闭合 ( 例如：</li> 或 </body>)；
尽量减少标签数量；
1 2 3 4 5 6 7 8 9 10 11 12 |
|
Class 与 ID
class 应以功能或内容命名，不以表现形式命名；
class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；
使用唯一的 id 作为 Javascript hook，同时避免创建无样式信息的 class；
1 2 3 4 |
|
属性顺序
HTML 属性应该按照特定的顺序出现以保证易读性。
id
class
name
data-xxx
src, for, type, href
title, alt
aria-xxx, role
1 2 3 4 5 |
|
引号
属性的定义，统一使用双引号。
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
HTML你一定要知道的优化技巧
html的元素水平垂直居中应该怎么设置
怎样用HTML和CSS做出大白
以上就是HTML的代码书写有哪些规范的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
详解Html实现在线预览word、excel、pdf等文件的功能（附代码）
Html param标签怎么用？Html param标签属性实例详解
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
