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

简介:

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

1.4 使用开放Web标准

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.打开文本编辑器并输入:

9056d1a708aa4d24a3fd931e3964e28c51963800

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

警告:
检查文件扩展名

要检查HTML文件的扩展名。记事本程序会自动将文件扩展名设为.txt。关闭记事本后将扩展名改为.html就可以了。
3.现在,在常用的Web浏览器中打开这个页面(直接双击文件打开),看看它是否正常显示。如果显示不正常,应该检查是否打开了正确的文件,以及HTML代码是否书写正确。

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

相关文章
|
JavaScript 前端开发 Java
基于SpringBoot+Vue+uniapp的在线开放课程的Web前端的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的在线开放课程的Web前端的详细设计和实现(源码+lw+部署文档+讲解等)
241 2
|
Web App开发 安全 小程序
建设下一代 Web 开放技术——WebContainer
建设下一代 Web 开放技术——WebContainer
2494 0
建设下一代 Web 开放技术——WebContainer
|
关系型数据库 MySQL 应用服务中间件
阿里云服务器web环境搭建脚本以及开放安全组端口
每次换服务器的时候都需要重新安装环境,就需要我们在网上找各种安装包并配置,所以一劳永逸用shell脚本来解决。
阿里云服务器web环境搭建脚本以及开放安全组端口
|
移动开发 安全 程序员
移动应用开发:Web App模式 、Native App模式及Hyprid App模式
移动应用开发:Web App模式 、Native App模式及Hyprid App模式
1608 0
|
移动开发 JavaScript IDE
飞一样的编码,Web开发IDE HBuilder开放下载注册
HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。同时,它还包括最全面的语法库和浏览器兼容性数据。
517 0
飞一样的编码,Web开发IDE HBuilder开放下载注册
|
开发框架 JavaScript
Node.js(快速、开放、极简的 Web 开发框架)学习
Node.js(快速、开放、极简的 Web 开发框架)学习
272 0
|
运维 Cloud Native 架构师
云开发Web应用实战营全面升级,限时开放报名中!带你轻松翻转课堂!
赛博和朋克不能兼得?云开发无需关心配置就能极速部署最IN的应用,让你感受畅快2077!
云开发Web应用实战营全面升级,限时开放报名中!带你轻松翻转课堂!
|
SQL 安全
开放Web应用安全项目(OWASP)
开放Web应用安全项目(OWASP)
614 0
|
开发框架 JavaScript
Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架
Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架
1188 0