18、深入了解 HTML：从标准到实战

深入了解 HTML：从标准到实战

1. 迈向专业 HTML 之路

在掌握 HTML 的过程中，我们即将迎来 CSS 的学习，它能让平淡的标记变得绚丽多彩。但在此之前，确保我们的 HTML 达到行业标准至关重要。使用最新的 HTML 标准（即 HTML5），能让网页在所有浏览器（至少是我们关心的那些）中显示得更加统一，与最新的移动设备兼容，页面加载速度更快，并且能更好地与 CSS 配合，为未来的发展做好准备。

1.1 标准的重要性

以一个团队的讨论为例，老板要求在为“Head First Lounge”添加 CSS 之前，确保 HTML 达到专业水平。团队成员起初对此有不同看法，但最终意识到遵循标准的好处。如果 HTML 符合当前标准，未来就无需进行大量修改。因为不同浏览器及其版本众多，如果 HTML 存在错误，页面在不同浏览器中的显示效果可能会大相径庭。当使用 CSS 添加样式时，这种差异会更加明显。

1.2 浏览器与 HTML 版本的关系

通过与浏览器的访谈可知，浏览器在显示网页时，若 HTML 正确且最新，各浏览器的显示效果会较为一致；但如果 HTML 存在错误或使用旧版本，页面在不同浏览器中的显示可能会有很大差异。这是因为浏览器有 HTML 规范来指导正确 HTML 的显示，但对于错误的 HTML 则只能自行处理，导致不同浏览器的行为不同。

解决方案是在 HTML 文件开头使用 doctype 告知浏览器所使用的 HTML 版本，并确保页面无错误，如标记标签不匹配等问题。

2. HTML 发展历程

2.1 HTML 版本回顾