《HTML5移动Web开发实战》—— 1.6 在移动网站中使用HTML5

简介:

本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,第1.6节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 在移动网站中使用HTML5

HTML5移动Web开发实战
适用浏览器:所有

现在我们开始创建一个简单的HTML5页面。对于有HTML基础的人来说,HTML5是很容易理解的。对于有网页开发基础的人来说,移动网站开发不会太难。

1.6.1 准备
创建一个新文件ch01e2.html

1.6.2 实践

在文件中写入以下代码:

0e72013a7a9da9eeed3e7c526fc77dd6ce5757bb

在浏览器中打开文件,你会看到写入的文字。

1.6.3 回顾

HTML5和其他HTML页面的唯一区别就在于我们使用的文件类型定义(DTD,Document Type Definition):。

Safari会根据,将页面宽度设为屏幕宽度,并且根据initial-scale=1禁用浏览器的缩放。

1.6.4 延伸

下面是HTML5的一些历史:HTML5最初有两个版本的草稿,分别由万维网联盟(W3C,World Wide Web Consortium)和网页超文本技术工作小组(WHATWG,Web Hypertext Application Technology Working Group)创建。万维网联盟本质上是以民主投票作为决策机制的一个小组,但实际效率非常迟缓。网页超文本技术工作小组是由lan Hickson(同时也是Google的员工)和一组未公开的人员编辑,由于大部分的设计都是lan完成的,所以网页超文本技术工作小组的草稿进度快得多。

HTML5与版本号
为什么HTML5会没有版本号?这里有一些原因:

1.浏览器并不会针对HTML的某个版本做支持,而是针对某个功能做支持。就是说如果浏览器支持你使用的某个功能,即使你把文档申明为HTML4,浏览器仍然会按照HTML5的标准来显示页面。

2.名字可以很简洁。

移动文档类型
使用HTML5文档类型是否是可靠的?答案是文档类型只是用作确认,而非浏览器实际显示。在怪异模式1中是否是可靠的?是浏览器按照标准工作所需要的最少的信息,所以使用是非常可靠的。

我们使用而不是,这是因为HTML5不是大小写敏感的,但是出于一致性的考虑,本书中都将使用小写。

学习HTML5的免费资源
关于HTML5有许多优秀的免费书籍和文章,如果你对HTML5不是很熟悉,可以在下面的网站学习:

HTML5 Doctor: http://html5doctor.com/
Dive Into HTML5: http://diveintohtml5.org/
HTML5 Rocks: http://www.html5rocks.com/

如果希望详细了解HTML5,你可以阅读官方HTML5文档。

W3C版本的文档:

http://dev.w3.org/html5/spec/Overview.html

WHATWG版本的在线标准:

相关文章
|
1月前
|
网络协议 Shell 网络安全
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
164 0
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
29天前
|
移动开发 监控 数据可视化
组态软件之万维组态介绍(web组态、html组态、vue2/vue3组态)
组态软件之万维组态、web组态、html组态、vue2/vue3组态,组态在工业自动化领域越来越重要,但由于市面上组态软件费用昂贵、集成复杂,使用技术门槛高,万维组态就应运而生;万维组态是一款功能强大的基于Web的可视化组态编辑器,采用标准HTML5技术,使用Vue2和Vue3语言,基于B/S架构进行开发,支持WEB端显示;支持快速集成,集成简单方便;支持在浏览器端完成便捷的人机交互,简单的拖拽即可完成可视化页面的设计;可快速构建和部署可扩展的SCADA、HMI、仪表板或LoT系统;
组态软件之万维组态介绍(web组态、html组态、vue2/vue3组态)
|
1月前
|
移动开发 前端开发 HTML5
Web前端全栈HTML5通向大神之路
本套课程共三大阶段,六大部分,是WEB前端、混合开发与全栈开发必须要掌握的技能,从基础到实践,是从编程小白成长为全栈大神的最佳教程!
48 3
Web前端全栈HTML5通向大神之路
|
1月前
|
开发框架 前端开发 JavaScript
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
89 1
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
|
1月前
|
Windows
Windows Server 各版本搭建 Web 服务器实现访问本地 Web 网站(03~19)
Windows Server 各版本搭建 Web 服务器实现访问本地 Web 网站(03~19)
57 2
|
1月前
|
前端开发
web前端-HTML-div语法
web前端-HTML-div语法
|
1月前
|
移动开发 定位技术 API
编程笔记 html5&css&js 035 HTML 地理定位
编程笔记 html5&css&js 035 HTML 地理定位
|
1月前
|
XML 移动开发 数据格式
编程笔记 html5&css&js 034 HTML MathML
编程笔记 html5&css&js 034 HTML MathML