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

相关文章
|
4天前
|
前端开发 安全 数据安全/隐私保护
杨校老师课堂之WEB前端HTML2
杨校老师课堂之WEB前端HTML
17 0
|
4天前
|
XML 移动开发 前端开发
杨校老师课堂之WEB前端HTML1
杨校老师课堂之WEB前端HTML
22 0
|
3天前
|
前端开发 搜索推荐 JavaScript
Web前端网站(二)- 主页
页面星空是可动的哦~~~毒药水特效的颜色搭配,文字渐变的动态效果,图片360度旋转展示特效等等等;每一次的按钮点击都是满满的惊艳 ~ ~ ~
19 4
Web前端网站(二)- 主页
|
3天前
|
存储 前端开发 搜索推荐
Web前端网站(一) - 登录页面及账号密码验证
页面背景动态是烟花和文字特效与缓缓下落的雪花相结合,在登录表单的旁边还有五个白色光圈以不规则的方式环绕,当鼠标靠近时,会发出彩色的光芒~~~
21 1
Web前端网站(一) - 登录页面及账号密码验证
|
2天前
|
存储 Apache 文件存储
在Apache环境下为Web网站增设访问控制:实战指南
在Apache服务器上保护网站资源涉及启用访问控制模块(`mod_authz_core`和`mod_auth_basic`),在`.htaccess`或`httpd.conf`中设定权限,如限制对特定目录的访问。创建`.htpasswd`文件存储用户名和密码,并使用`htpasswd`工具管理用户。完成配置后重启Apache服务,访问受限目录时需提供有效的用户名和密码。对于高安全性需求,可考虑更复杂的认证方法。【6月更文挑战第20天】
61 4
|
2天前
|
安全 Ubuntu 应用服务中间件
NGINX环境下实现Web网站访问控制的实战指南
在NGINX中设置基于IP的访问控制可提升网站安全性。步骤包括安装NGINX、备份配置文件、编辑`/etc/nginx/sites-available/default`,添加`allow`和`deny`指令限制特定IP访问,如`allow 192.168.1.100; deny all;`,然后测试配置并重启服务。成功后,仅允许的IP能访问网站,否则会收到403错误。这为Web安全提供基础保障,还可扩展实现更多高级控制策略。【6月更文挑战第20天】
67 3
|
13天前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
19 2
|
13天前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于Django与HTML的新闻发布系统(二)
Web实战丨基于Django与HTML的新闻发布系统(二)
19 1
|
3天前
|
移动开发 HTML5
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
8 0
|
3天前
|
机器学习/深度学习 Web App开发 前端开发
【Web开发】深度学习HTML(超详细,一篇就够了)
【Web开发】深度学习HTML(超详细,一篇就够了)
5 0

热门文章

最新文章