章节索引 :

HTML5 简介

今天开始,我们讲一个新专题HTML5。这是一个老的技术,又是一个新的技术,说它老是因为 HTML 发展到今天已经有 20 多年的历史了,说它新是因为 HTML5 标准相对于上一代增加了很多的改进和优化,那么具体有哪些呢,听我一一道来。

1. 什么是 HTML

关于 HTML 百度百科是这么定义的:

HTML 是由 Web 的发明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年创立的一种标记语言,它是标准通用化标记语言 SGML 的应用。用 HTML 编写的超文本文档称为 HTML 文档,它能独立于各种操作系统平台(如 UNIX, Windows 等)。使用 HTML 语言,将所需要表达的信息按某种规则写成 HTML文件,通过专用的浏览器来识别,并将这些 HTML 文件“翻译”成可以识别的信息,即现在所见到的网页。

这里提到 web 网页,通俗的来说 HTML 就是一种为了表现网页的展示形式而制定的一种标记语言。通过标记的形式在网页中将图形、文本、多媒体等展示出来。它不是传统意义上的编程语言,而是由各种标签组成的标记型语言。

2. HTML 标准

HTML5 就是指万维网联盟 W3C 制定的 HTML 的第五代标准,那么为什么要制定 HTML 标准呢?因为 HTML 这种脚本语言是通过浏览器来解释执行的,浏览器有不同的厂商,如果不定制统一的标准每个浏览器执行之后的呈现结果可能有千差万别,这样的话 HTML 程序员为了兼容不同的浏览器需要对不同的浏览器定制不同的代码,工作量巨大,成本倍增。所以就有了 W3C 组织制定的统一标准。

2.1 早期版本

  • 1993 年 6 月 HTML1.0 版本起草发布
  • 1995 年 1 月 HTML2.0 发布
  • 1997 年 1 月 HTML3.2 版本发布
  • 1997 年 12 月 HTML4 版本发布
  • 1999 年 HTML4.01 版本微小改进
  • 2006 年 W3C 组建 HTML5 工作组
  • 2008 年起草 HTML5
  • 2014 年 10 月 HTML 标准定稿

3. 新增特性

相对于上个版本,新增了十个特性,涵盖:

  • 新的标签
  • 增强表单
  • 视频音频
  • Canvas
  • SVG
  • 地理位置
  • 拖放 API
  • 多线程
  • 离线存储
  • Websocket

主要增加了多媒体处理、地理位置获取和多线程的支持。

4. 扩展

大家在浏览网页的时候有时候可能会遇到跟 HTML 长得很像但是又不是 HTML 的后缀,例如 xhtml、shtml 等。看似差不多,其实是完全不同的技术类型。

  • shtml 是基于 ssi 技术的网页,全拼 server side include 服务端包含指令。通俗的说就是简化版的 CGI,就是说网页需要服务器预处理之后再呈现给浏览器解析
  • XHTML 是 HTML 的严谨版,它集结了 XML 和 HTML 的优点,比如强制使用 <!DOCTYPE> 标签