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

news/2024/5/18 16:24:03/文章来源:https://blog.csdn.net/weixin_33920401/article/details/90560933

本节书摘来异步社区《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版本的在线标准:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_712614.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站服务器 凭证,登录云服务器的凭证是什么

登录云服务器的凭证是什么 内容精选换一换检查头显是否连接到平台并获取可连接GPU服务器的EIP。检查云服务器安全组是否放通对应端口。如果云服务器状态由“闲置”变为“正常”,表示头显已连接至VR云渲游平台,请直接跳转至2。如果云服务器状态一直处于“…

div区域内容抓取_企业微信群机器人应用:使用python从网站抓取行业资讯并定时推送...

在企业经营过程中,及时了解行业相关信息(市场动态、竞品策略、行业数据等等)是非常必要的。通常情况下,商品部门、营销部门、市场部门可能都会安排专门的人员定期进行这些信息的搜集、整理,再进行内部的分享。不过在大…

SEO优化:WordPress发布文章主动推送到百度,加快收录保护原创

工作实在太忙,也没时间打理网站。最近公司额外交待了一些网站 SEO 方面的优化任务让我关注(这就是啥都要会、啥都要做的苦逼运维的真实写照了...)。 于是抽空看了下百度站长平台,至少看到了2个新消息: ①、百度已全面支…

网站提速-缓存技术(4)

缓存技术 memcached基本概念 Memcached是danga的一个项目,最早是为LiveJournal 服务的,最初为了加速 LiveJournal 访问速度而开发的,后来被很多大型的网站采用。 官方网站: www.danga.com 和 memcached.org Memcached是一个高性能的分布式的…

2007最优秀的CSS网站设计

很多人不知道的是,我同样是 Best Web Gallery 和 N.Design Studio“背后”的人. 2006年,我创建了Best Web Gallery,作为我发现的最好的 CSS and Flash 网站的收藏.我非常高兴这个项目让我有机会是我的设计思想与主流保持一致。在过去的一年里&#xff0c…

html提高搜索排名优化,网站搜索排名,为什么很难提升,该如何提高?

在日常SEO工作中,SEO人员经常遇到的一个问题就是:做了很多优化工作,自己的网站搜索排名,几乎是纹丝不动,很难提升,这对于SEO新人,是一项心态的考验,很多人开始焦急,不知道…

高性能网站建设之减少Http连接数

关于CSS背景图合并工具,请大家参看随笔:Css背景图合并工具功能增强(V0.1) 在对大访问量网站进行性能优化时,其中有一点是尽量减少http连接数,道理很明了,减少了单个PV的http连接数,…

ASP.NET网站还是ASP.NET Web应用程序?

当我在Visual Studio中启动新的ASP.NET项目时,可以创建一个ASP.NET Web应用程序,也可以创建一个ASP.NET网站。 ASP.NET Web应用程序和ASP.NET网站之间有什么区别? 我为什么要选择一个? 根据我使用的Visual Studio版本&#xff0…

php有ssm框架吗,SSM框架-企业门户网站-1-工程构建

刚入职一个星期,现在才有时间开始这个框架的博客,我自己接的项目,第一次拿商业项目开源,大神们可能看着会觉得这不怎么样吧,其实我上线的项目是PHP写的,我只是在这个项目的基础上,改为了SSM框架…

asp.net三层架构制作新闻管理_为什么使用PHP制作网站?

现在网站制作可以使用多种语言。为什么我们选择PHP进行网站制作? 北京东浩联创科技有限公司.是一家高端网站制作公司,在业界处于领先地位。本文东浩联创的小编告诉大家我们为什么使用PHP进行网站制作?它的优势在哪里?1&#xff0c…

linux php 网站计数器,PHP图形数字计数器的实现

php图形数字计数器,是现在网站中经常使用的方法,它的基本功能是针对单个用户而言,登录网站后计数器的值加一,用户刷新网页,计数器的值不会增加。这一点功能的实现是利用session来实现的,当用户登录时&#…

OSChina 初十二乱弹 ——网站都挂了,巴叔被安排出去度假

2019独角兽企业重金招聘Python工程师标准>>> Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 莱布妮子 :分享Scott Shields的单曲《Short Change Hero》 《Short Change Hero》- Scott Shields 手机党少年们想…

【大学生必备神器网站】免费论文下载、免费2T网盘、各类免费课程、在线高数引擎...收藏了4年的宝藏学习网站最全の整理推荐!

前言: 大学大学,就是“大不了自己学”。四年大学本科经历让我认识到一个道理:大部分情况下,人与人之间的差距就在于信息与资源上。互联网时代推崇“开源”与“自由”,但可惜的是,由于垃圾信息过剩&#xff…

复制加网站信息的javascript代码及对应的javascript阻止命令

复制加网站信息的javascript代码 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns"http://www.w3.org/1999/xhtml"xml:lang"zh-cn…

这些小众又有趣的计算机自学网站,不再私藏了!

计算机的学习总少不了用“可视化”的方式去理解&#xff0c;今天推荐我收藏夹里相当不错的网站。 1. VisALgo - 数据结构和算法动态可视化 地址&#xff1a;https://visualgo.net/zh 网站提供不下20种经典的数据结构与算法可视化迭代过程&#xff0c;十分适合刚刚接触数据结构…

django搭建一个小型的服务器运维网站-查看和修改服务器配置与数据库的路由...

目录 项目介绍和源码&#xff1b; 拿来即用的bootstrap模板&#xff1b; 服务器SSH服务配置与python中paramiko的使用&#xff1b; 用户登陆与session; 最简单的实践之修改服务器时间&#xff1b;查看和修改服务器配置与数据库的路由&#xff1b; 基于websocket的实时日志实现&…

微软网站提供的8本英文原版书电子版

微软网站提供了8本英文原版书电子版。您可以到以下地址找到这8本书&#xff0c;进行免费的下载。 http://blogs.msdn.com/b/microsoft_press/archive/2011/03/03/ebooks-list-of-our-free-books.aspx?utm_contentem-orm-newsletters-msp-april-2011&utm_campaignNewslette…

15个使用 CSS3 制作的漂亮作品展示网站

今天分享的作品集网站有些特别&#xff0c;因为他们都是使用 CSS3 技术制作的。对于设计师来说&#xff0c;为了吸引注意力&#xff0c;作品集必须展示出你的能力&#xff0c;这有点像制作简历&#xff0c;要让人们看到你所擅长的&#xff0c;突出的部分&#xff0c;这是一次推…

或许是比力扣 leetcode 更好的选择?推荐两个编程算法宝藏网站

简介&#xff1a;虽然会有朋友吐槽 leetcode 题目过于简单&#xff0c;但也并不是人人都要去刷最难的题&#xff0c;比如把自己的练成信息学奥林匹克竞赛&#xff08;Olympiad in Informatics, OI&#xff09;的专业水平。 但是&#xff0c;信息学奥林匹克竞赛的学习是成体系的…

ROBOTS.TXT在SEO优化中的运用(ROBOTS.TXT SEO优化实战)

2019独角兽企业重金招聘Python工程师标准>>> 豆瓣网的robots.txt中有Crawl-delay、Visit-time、Request-rate&#xff0c;好多人搞不清楚这是什么含义&#xff0c;因为平时大家用的最多的是User-agent和Disallow。不会写的新手们可以参考下http://www.douban.com/ro…