HTML需要学些什么？小胖和您分享一些我的看法

HTML应该学习哪些内容？这似乎很好回答，因为HTML是由一系列标签组成的，那么我们只要学会这些标签就可以了，但是你知道吗？在HTML中标签的数量大概有三千多个，这些标签既有通用的属性，也有单独的属性，显然全部了解它们学会它们的概率不是很大，而且开发中大部分标签和属性很少用到，那对于HTML我们应该学习哪些内容呢？

1. 标签和属性

首先，标签和属性的学习是必须的，只不过我们并不需要完全的了解这三千多个标签，只要掌握开发中常用的标签就可以了，总数应该超不过八十个，所以这部分的学习难度并不是很大。不过，在学习HTML标签的时候，我发现很多人只是了解下标签的用法和属性就结束了，并没有关注一些细节问题，比如这个标签在网页中呈现的样子，或者是当我们定义一些相似的错误标签时会出现怎样的情况？

曾经，在一次练习中，我错误的在

标签中，添加了几个

标签，浏览器并没有提示任何的错误信息，当时的我并没有注意到这个问题，后来一次偶然的机会，我想起了这件事，通过测试，我发现浏览器对于此类的情况采取了一定的措施，它在开始和结束位置分别添加了一个开始和结束的

标签，所以在浏览器解析之后，HTML中对应的位置多了两个段落，只不过它没有任何的内容。

类似的情况还有很多，在我初次学习HTML标题标签的时候，发现它指定了六个级别的标签，突发奇想的我在HTML代码中添加了一个标签，结果页面依旧正常显示，而打开浏览器的检查窗口时，我看到在对应的位置，标签依旧是。

不知道在您的学习过程中有没有关注过此类的问题呢？这些内容是否是我们应该学习和了解的呢？我想应该是的，掌握这些内容可以避免我们在编码过程中出现错误，而且我不认为这是工作中应该积累的经验，因为就难度而言，它实在太小了。

2. 编码规范

代码规范在后端编码中是一个严肃的话题，而且执行的效果很好，很少会发现一些不规范的代码，即便有也是因为团队规范的不严谨造成的，但是前端方面的规范问题似乎并没有那么明确，这导致很多时候编写的HTML代码一塌糊涂，在第二次更新的时候，往往需要重新开发，显然规范在于前端的实现过程中也十分的重要，只是很多人认为这个部分的内容应该是进入公司之后逐步接触的，真是如此吗？

在我看来，公司团队的规范，是对我们编码习惯的约束，如果我们在最初学习阶段就养成了良好的编码习惯，那么这些规范还有存在的意义吗？恐怕价值就没有现在那么大了，所以规范其实就是我们的编码习惯，这种习惯是应该在最初去培养的，只可惜，很多时候我们看到初学者只是为了追求某个效果，并不注重这些内容，结果进入团队之后，对于各种规范要求很反感，如果从最初的时候，就重视这件事情，我想后来的麻烦会少很多。

具体的规范内容，大家可以在网上找到很多资料，在这里并不需要我去粘贴和复制，我只想通过我的工作经历和大家分享一些我认为应该存在规范内容中的因素。

首先，标签和属性的格式应该统一，在一些HTML中，我发现很多人习惯把标签的ID属性大写，对于那些自闭合的标签也没有严格的要求是否需要加上最后的斜杆，属性值的定义也很草率，没有对采用单引号还是双引号严格的要求等等；

第二点，在事件处理方面，我发现一些人习惯用标签属性绑定，而另外的人习惯用JS脚本绑定，甚至有些代码经过几个人的重复修改之后，出现了同时应用两种方法的情况，这给后期的维护带来极大的麻烦；

不知道，在您的学习或者工作中，是否因为其他人不规范的编码格式而头疼呢？对于此类的情况，您是否认为有必要要求开发人员在初学阶段就熟悉一些编码规范呢？

3. 标准和语义

作为一个开发人员来说，如果在学习HTML的时候，没有了解过标准和语义的概念，那么学习肯定是不完善的，因为这些是对HTML代码的要求，符合标准和语义良好的HTML代码更有利于搜索引擎抓取我们的页面，同时也可以保证我们的代码可以被正确的解析，显然它十分的重要。

3.1 标准化

提到HTML的标准，我们总会说到W3C，这是在介绍任何一门前端开发语言时，都会提到的一个组织，它是在Web领域最具权威性的一个国际性组织，从成立到现在已经发布了200多项技术标准和实施指南，我们平常所说的标准化都是由这个组织制定和发布的，大多数关于实现HTML标准化的建议中，提到比较多的就是采用推荐的标签和属性、严格的闭合标签等等内容，从这点上看，HTML的学习绝不仅仅是掌握一些常见的标签和属性那么简单，它需要我们熟悉很多细节上的内容。

3.2 语义化

语义化，是和标准化并存的一个概念，在HTML中尤为重要，它要求我们使用合理的标签和属性，方便机器理解，在这里我们需要注意，语义化的要求是方便机器理解，而不是人，显然在大多时候我们所说的语义化是从代码表面就可以理解其中的含义这种说法是有一定偏差的，到底哪些标签和属性可以方便机器理解呢？这又是我们要深入了解的内容。

在这里和大家分析了一些我对于学习HTML的看法，不知道您认为如何呢？在您学习HTML的时候有没有到什么问题呢？通过本文的介绍是否对于HTML又有了新的认识呢？