《移动Web前端应用开发（HTML5+CSS3+JavaScript）》.pdf

»  c

)5.- $©M 001 第1章
)5.-$©M
本章学习目标：  t Ÿº E®ƒc0HTML‘‚d  8构HTMLQ‡=ݶQd  t构HTML5öoä´#ÿŸºº¿PÙd  ?DWebšK—Ÿ,BrÙ¶Qd 1.1 HTML5概述 HTML5是万维网的核心语言，是未来 Web发展的方向，同时也是 HTML4.0.1的一个升 级版本，它与 HTML有着密不可分的关系。因此，掌握 HTML5的基础知识，是进一步学习 HTML知识的必要条件。 1．万维网与 HTML 万维网（ World Wide Web）也可简写为 Web、WWW、3W，它的功能是通过浏览器访问 服务端中的页面；在此访问过程中，服务端的页面称为“资源” ，浏览器通过资源统一标识的 URL（Uniform Resource Locator）地址来识别并解析页面。 在整个浏览器打开并解析页面的过程中，还有一个非常重要的概念，就是如何将页面从 服务端传输到客户端，而它则是由超文本传输协议（ Hypertext Transfer Protocol）来完成的。 整个过程如图 1-1-1所示。 图1-1-1 浏览器访问页面的过程 HTML是HyperText Markup Language的缩写，其功能是定义页面文档的格式，它是一种 规范、一种标准，通过这种规范与标准告诉浏览器如何去显示页面中的内容。 需要说明的是，不同的浏览器，它的这种标准是不完全相同的，因此会导致同一页面在 不同浏览器中出现不一样的页面效果。 万维网与 HTML之间的关系是非常明确的， 那就是前者是整个 Web系统执行过程的统称， 第 1章 002 而后者仅是这个统称中的一部分，它是页面编写的一种标准，按此标准构建的页面在前者执 行的Web系统中浏览、执行、解析。它们之间的关系如图 1-1-2所示。 图1-1-2 万维网与 HTML之间的关系 2．HTML版本 HTML超文本语言规范随着版本的迭代而不断发展和完善， 2014年10月28日，HTML5 草案确定，给整个 Web页的开发指定了一个新的方向。 （1）HTML版本的时间轴。通常情况下，早期的 HTML版本每隔两年就会有一个新版本 的更迭，只是最后一个版本 —HTML5来得晚了些，详细的版本时间轴如图 1-1-3所示。 （2）XHTML版本的更迭。在 HTML版本不断升级变更时暴露了一些问题，例如，其语 法非常松散，这对于开发者来讲是一件好事，可对于早期的计算机系统，特别对移动端系统 来讲，解析起来非常麻烦，因此，产生了语法更为严格的 XHTML语言。 XHTML的语法非常严格，其最初目标就是要取代 HTML，并在2000年推出了 1.0推荐 标准，后来