HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 代码编写规范简介

什么是 HTML5 代码编写规范？

很多 Web前端开发人员对 HTML 的代码编写规范知之甚少，或者根本不在意如何编写高质量的源代码。在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML，使用 XHTML 开发后，开发人员才逐渐养成了比较好的 HTML 编写规范（XHTML加强了对编码规范的验证和要求）。而针对于 HTML5 ，我们更应该形成比较好的代码编写规范（编写规范并不是一种强制性要求，即使你不按照规范编写，你编写的代码也不会不能用）。

为什么需要 HTML5 代码编写规范？

编码规范是一种习惯和境界，我们做任何事情一开始就需要有一种认真的态度去做，否则终将做不到行业的顶峰。

如果不使用并习惯良好的代码编写规范，完全凭自己主观认识去编写，虽然在功能实现上并不会出错，但是对于后期维护或者代码交接会带来不可逆转的潜在隐患。

不写代码注释的习惯相信很多开发人员都存在，有多年开发经验的开发人员深深的了解到，一段代码的编写逻辑过不了多长时间就可能被我们彻底所遗忘，如果不写好关键逻辑的代码注释，后期如果对之前代码进行升级或者改造的时候，我们不得不重新去读一遍我们自己写的代码并好好的理解当时实现的思想，这就应了一句话叫做“费时又费力”和“事倍功半”。

知识点概览

使用正确的文档类型
使用小写元素名
关闭所有 HTML 元素
关闭空的 HTML 元素
使用小写属性名
属性值和引号
图片属性alt
标签中空格和等号
避免一行代码过长
空行和缩进
省略 <html> 和 <body>?
省略 <head>?
元数据meta
HTML 注释
样式表
在 HTML 中载入 JavaScript
使用 JavaScript 访问 HTML 元素
使用小写文件名
文件扩展名
.htm 和 .html 的区别

学习建议

非常重要的知识点，建议所有前端开发人员进行学习并总结。

不建议死记硬背此规范，结合具体项目在编写的时候多多查看参考此规范文档，用不了多长时间就会烂熟于心了。

作者文档