天天看点

《HTML5移动应用开发入门经典》—— 1.4 使用开放Web标准

本节书摘来异步社区《html5移动应用开发入门经典》一书中的第1章,第1.4节,作者:【美】jennifer kyrnin,更多章节内容可以访问云栖社区“异步社区”公众号查看。

html5移动应用开发入门经典

html5的主要目的是用来开发更优秀、更高效的web应用,它也是在开放web标准下开发的api和规范组中的一部分。开放web标准又称为开放web平台,是给予web生命力的自由授权(royalty-free)技术的集合。

许多人认为html5还应该包括更多内容。事实上,一些特性,如历史api(第22章)、本地存储(第21章),以及地理定位(第23章)都拥有独立规范,它们与html5一起成为开发者手中创建web页面、web应用、移动应用等的利器。它们都是开放web标准的一部分。

此标准包括以下规范。

html5。

css3。

web字体(web font)。

html画布(html canvas)。

svg。

web存储。

地理定位。

通过使用基于这些标准的规范来创建web应用,会让你的页面及应用拥有更广泛的用户,而且寿命更长。

try it yourself

建立第一个html5文档

html5的核心是html,也是用来建立web页面的基础。在接下来学习开发应用的课程之前,需要知道如何创建web页面。

首先来完成一个html文件,这并不难,仅需要一个文本编辑器。

提示:

找到计算机中的文本编辑器

所有计算机中都有能编写html的文本编辑器。在windows操作系统中,可以通过在“开始”菜单的“运行”栏输入“notepad”来启动文本编辑器。在macintosh操作系统中,在spotlight下输入“textedit”,可启动一个文本编辑器。在linux系统中输入vi或emacs命令,可启动一个文本编辑器。

打开文本编辑器后,就可以开始编写html了,它由写在小于号(<)和大于号(>)之间的标签定义。

1.打开文本编辑器并输入:

《HTML5移动应用开发入门经典》—— 1.4 使用开放Web标准

2.将文件保存为mypage.html。

警告:

检查文件扩展名

要检查html文件的扩展名。记事本程序会自动将文件扩展名设为.txt。关闭记事本后将扩展名改为.html就可以了。

3.现在,在常用的web浏览器中打开这个页面(直接双击文件打开),看看它是否正常显示。如果显示不正常,应该检查是否打开了正确的文件,以及html代码是否书写正确。

可以看到,代码中缺失了某些闭合标签,html并没有使用像xhtml那样严格的语法,而是在第一行使用了一个易用易记的文档声明。

继续阅读