HTML5

灰太狼 2022-08-23 00:34 174阅读 0赞

# HTML5是什么 #

HTML5 是继HTML4.01 和XHTML1.0 之后的超文本标记语言的最新版本。它是由一群  
自由思想者组成的团队设计出来，并最终实现多媒体支持、交互性、更加智能的表单，以及  
更好的语义化标记。  
HTML5 并不仅仅是HTML 规范的最新版本，而是一系列用来制作现代富Web 内容的  
相关技术的总称，其中最重要的三项技术分别为：HTML5 核心规范（标签元素）、CSS（层  
叠样式表第三代）、和JavaScript。

# HTML5的历史 #

1993 年HTML 首次以因特网草案的形式发布，然后经历了2.0、3.2 和4.0，直到1999年的HTML4.01 版本稳定下来。由于发展缓慢，逐渐的被更加严格的XHTML 取代。

**XHTML 的兴衰史**  
自从HTML4.01 版本之后，掌握着HTML 规范的万维网联盟（W3C）组织没有再发布新的标准，而是围绕着XHTML1.0 以及之后的XHTML2.0 展开工作。XHTML 是基于XML、致力于实现更加严格并且统一的编码规范的HTML 版本，解决之前HTML4.01 版本时，由于编码不规范导致浏览器的各种古怪行为。所以，Web 开发者对XHTML 非常的拥护。  
XHTML 极大的好处，就是强迫开发者养成良好的编码习惯，放弃HTML 的凌乱写法，最终降低了浏览器解析页面的难度，方便移植到更多平台。

可是，越是想往好的方面发展，往往可能是带来的却是毁灭性的灾难，世间万物就是如此。XHTML2.0 规范了更严格的错误处理规则，强制要求浏览器拒绝无效的XHTML2 页面，强制Web 开发者写出绝对正确规范的代码，同时不得向下兼容，摒弃HTML 遗留的怪异行为和编码习惯。按理说，取其精华、舍其糟粕应该是好事。但是，这样的话，数亿的页面将无  
法兼容，Web 开发者的难度又被加大，并且制定这个标准又太过久远，最终被抛弃。

**HTML5 的回归**  
2008 年W3C 发布了HTML5 的工作草案，2009 年停止了XHTML2 计划。又过去大概一年，HTML5 规范进一步解决了诸多非常实际的问题，各大浏览器厂商开始对旗下的产品进行升级，以便支持HTML5。这样，得益于浏览器的实验反馈，HTML5 规范得到了持续的进步和完善，从而迅速融入到Web 平台的实质性改进中。

和XHTML2.0 不同，制定HTML5 规范的一群人并不想挑出以往HTML 的各种毛病为其改正，而是尽可能的补全Web 开发者急需的各种功能。这些功能包括更强大的CSS3、表单验证、音频视频、本地存储、地理定位、绘画（Canvas）、Web 通信等等。

# HTML5的功能 #

HTML5 到底涵盖了哪些功能？这些功能到底在主流的浏览器支持情况如何？

1.  **HTML5 核心**：这部分主要由W3C 官方的规范组成，涉及新的**语义元素**、新的**增强的Web 表单**、**音频**和**视频**、以及通过JavaScript 绘图的**Canvas**。这部分大多数主流浏览器均得到很好的支持；
2.  **曾经的HTML5 标准**：这部分主要来自于最初制定的HTML5 规范，其中大多数功能需要JavaScript 且支持富Web 应用开发。比如：**本地数据存储（localStorage,sessionStorage）**、**离线应用(mainfest)**和**消息传递**；
3.  **非HTML5 标准**：这部分通常指下一代功能，虽然从未进入HTML5 标准，但人们还是会把它认做HTML5 的一部分。这些包括最为常见的**CSS3**，以及很热门的**地理定位**。

对于最为常用且实用的部分，基本上主流的浏览器都支持的比较好。而那些特殊需求的部分，则需要根据不同的浏览器检测才能知道是否支持自己想要的功能。

# HTML5 的特点 #

在HTML5 发展的同时，XHTML2.0 也在不断发展，那么到底是哪些特点导致HTML5 取得最终的胜利呢？

1.  **向下兼容**  
    对于XHTML2.0 要求遵循规则，否则不予显示的方式，HTML5 却实行“不破坏Web”的原则。也就是说，以往已存在的Web 页面，还可以保持正确的显示。  
    当然，面对开发者，HTML5 规范要求摒弃过去那些编码坏习惯和废弃的标签元素；而面对浏览器厂商，要求它们兼容HTML 遗留的一切，以做到向下兼容。
2.  **用户至上**  
    HTML5 遵循“用户至上”的原则，在出现具体问题时，会把用户放在第一位，其次是开发者，然后是浏览器厂商，最后才是规范制定者。比如，开发者在编码时不严谨导致本该出现警告或错误时，却正常显示了页面。
3.  **化繁为简**  
    HTML5 对比之前的XHTML，做了大量的简化工作。具体如下：  
    (1).以浏览器的原生能力代替复杂的JavaScript；  
    (2).DOCTYPE 被简化到极致；  
    (3).字符集声明被简化；  
    (4).简单强大的API。
4.  **无插件范式**  
    在HTML5 出现之前，很多功能只能通过插件或hack（如绘图API）来实现，但HTML5原生提供了这些支持。使用插件有很多问题，具体如下：  
    (1).插件安装容易失败；  
    (2).插件被浏览器或软件禁用屏蔽（如Flash 插件）；  
    (3).插件经常会被爆出漏洞被利用攻击；  
    (4).插件不容易与HTML 文档其他部分集成（比如整体透明化等）。
5.  **访问通用性**  
    这个原则分为三个概念：  
    (1).可访问性：比如更加利于残障人士的阅读方案；  
    (2).媒体中立：比如HTML5 的媒体播放在不同设备或平台均能正常运行；  
    (3).支持所有语种：比如新元素。
6.  **引入语义**  
    HTML5 引入了一些用来区分不同含义和内容的标记元素。这种方式极大的提供的编码人员的可读性和代码区域查询的便利性。
7.  **引入原生媒体支持**  
    HTML5 的一次大改进救生衣支持在浏览器中直接播放视频和音频文件，以前都需要借助插件才能实现此类功能。
8.  **引入可编程内容**  
    HTML5 最大的变化就是引入了需要通过JavaScript 编程才能完全的各种效果，而这些很多都是HTML5 原生的。那么现在HTML5 可以理解为HTML + CSS + JavaScript 的总称。