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

1.6 在移动网站中使用HTML5

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

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

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

1.6.2 实践

在文件中写入以下代码:

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

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版本的在线标准:

时间: 2024-07-29 17:39:57

《HTML5移动Web开发实战》—— 1.6 在移动网站中使用HTML5的相关文章

《HTML5移动Web开发实战》—— 第1章 HTML5与移动网站

第1章 HTML5与移动网站 HTML5移动Web开发实战 本章内容包括: 准备好你的移动设备 仿真器与模拟器 搭建移动开发环境 在移动网站中使用HTML5 跨浏览器兼容HTML5 适用于移动设备的设计 确定你的核心移动设备 定义一个内容策略

《HTML5移动Web开发实战》—— 1.2 确定网站的适用移动设备

1.2 确定网站的适用移动设备 HTML5移动Web开发实战 适用浏览器:所有 你不可能给每个移动设备都单独做一个移动网站,没有人有这样的时间和精力. 跨浏览器的移动网站开发是非常困难的,其难点在于如何确定网站的适用范围,John Resig(jQuery Mobile的创始人)在一个描述jQuery Mobile创建经历的PPT(中提了三个问题: 哪些平台和浏览器是流行的? 哪些浏览器可以支持现代脚本? 哪些设备和模拟器需要我进行测试? 当你创建一个移动网站,你必须思考类似的问题,但并不一定完

《HTML5移动Web开发实战》—— 1.3 配置移动开发工具

1.3 配置移动开发工具 HTML5移动Web开发实战适用浏览器:所有 在前一节还剩下一个问题没有回答:我应该在哪些设备和模拟器上测试?我们会在这一节回答. 如果你决定了需要支持的核心移动设备,那么现在就可以来看看如何配置了.如果在过多移动设备上测试,那么移动开发成本会很高,虽然我们可以使用移动设备的模拟器和仿真器,但都比不上在真实设备上做测试.现在我们来看看如何最大化测试覆盖率并最小化成本. 1.3.1 准备 我们会首先做一些假设,虽然具体情况可能不同,但思路是一样的.我们假设你的桌面操作系统

《HTML5移动Web开发实战》—— 1.4 BlackBerry仿真器

1.4 BlackBerry仿真器 HTML5移动Web开发实战适用浏览器:BlackBerry 大部分的移动设备仿真器,都可以很容易地根据其官方网站的介绍来安装和配置,但BlackBerry仿真器的工作方式与其他仿真器不同.从Blackberry仿真器连接互联网,除了下载仿真器还需要下载安装BlackBerry Email and MDS Services Simulator. 1.4.1 准备 确认你从以下地址下载了仿真器: http://us.blackberry.com/develope

《HTML5移动Web开发实战》—— 1.1 简介

1.1 简介 HTML5移动Web开发实战HTML5以及移动网站都是很有前景的技术,他们都有着相对较短的历史.本章介绍的大部分内容都是比较基础的,可以帮助你迅速.轻松地开始移动端开发. 移动网站以及HTML5本身仍然在不断演进,对此你肯定有很多的疑惑.我们会解开这些疑惑并告诉你应该专注在哪些真正重要的事情上. 移动网站的增长非常之快.移动端Safari浏览器是当前最常用的iPhone应用,它使开发人员可以创建高性能的网页应用并提高用户的浏览体验.移动网站的好处在于,你不需要申请开发者账号就可以运

《HTML5移动Web开发实战》—— 1.5 配置移动开发环境

1.5 配置移动开发环境 HTML5移动Web开发实战适用浏览器:所有 在开始移动网站开发之前,我们必须首先配置好开发环境. 1.5.1 准备1.配置本地网站服务.对于Windows.Mac和Linux,最容易的方法是使用免费的XAMPP软件: http://www.apachefriends.org/en/index.html 2.确认你有无线网络. 3.同时你需要一个移动设备,或者是移动设备的仿真器.模拟器. 4.确保你的移动设备和电脑在同一无线网络中. 1.5.2 实践 1.在你的本地服务

《HTML5移动Web开发实战》—— 1.3 Sitepoint(设计团队)的移动Web设计作品

1.3 Sitepoint(设计团队)的移动Web设计作品 众妙之门--移动Web设计精髓Sitepoint出版了由布莱恩·苏塔撰写的<移动Web设计>,这篇文章对于学习移动Web设计的朋友来说很值得参考和学习.在文章中,布莱恩将移动Web设计分解为7个简要易懂的步骤.这篇文章的内容对于重申本人上述的Web设计要点非常有用. 不要混淆标记大多数网站都会忽视WML,而是用大家更熟悉的XHTML语言来编辑标记,所以在进行设计时一定要使用适合的编辑语言,并建立简明的语义标记. 了解你的手机我们不仅要

《HTML5移动Web开发实战》—— 第1章 移动Web设计趋势

第1章 移动Web设计趋势 众妙之门--移动Web设计精髓Steven Snell Web设计师都深知这个行业包含了大量的变化和创新,为了始终保持在业内的领先地位,需要不断地适应和学习新的技术.在过去的几年中,该行业中变化最大的领域之一就是越来越多的网民通过手机和移动终端设备来进行网络浏览.因此,Web设计师必须不断学习和掌握更多.更新的专业知识,从而开发出更多.更好的移动网络应用以满足这一受众群体的需求. 因为设计应用于移动设备的网页存在一些特有的问题和挑战,所以这需要设计者和开发者用具有战略

《HTML5移动Web开发实战》—— 1.1 移动Web设计的挑战

1.1 移动Web设计的挑战 众妙之门--移动Web设计精髓 针对移动设备的Web设计由于其行业的特殊性会面临一系列特殊的挑战,那就是设计师必须克服各种困难来制作一个在移动设备上完美运行的网站.如果你决定尝试设计一个移动设备上网站,那么下面将讲到一些值得你注意的可能出现的问题. 屏幕尺寸多样化 尽管Web设计师经常处理由于不同的屏幕尺寸而产生各种问题,与处理电脑屏幕大小不一问题的方法相比,移动设备Web设计的处理方法有所不同.大多数Web设计师都能顺利解决由于台式电脑屏幕分辨率提高而出现的问题,