本节书摘来异步社区《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.打开文本编辑器并输入:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLwADOzYTOxUzY4ITZ0YTOzUWMzkDZmNTY0IDZ0EWY4AzNhFDZ2UDM58CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
2.将文件保存为mypage.html。
警告:
检查文件扩展名
要检查html文件的扩展名。记事本程序会自动将文件扩展名设为.txt。关闭记事本后将扩展名改为.html就可以了。
3.现在,在常用的web浏览器中打开这个页面(直接双击文件打开),看看它是否正常显示。如果显示不正常,应该检查是否打开了正确的文件,以及html代码是否书写正确。
可以看到,代码中缺失了某些闭合标签,html并没有使用像xhtml那样严格的语法,而是在第一行使用了一个易用易记的文档声明。