html5 canvas 不兼容safari浏览器_HTML5简介

12e0c92e9d03d8a210909a852dda761a.gif

HTML5 是继 HTML4.01 和 XHTML1.0 之后的超文本标记语言的最新版本。它是由一群自由思想者组成的团队设计出来,并最终实现多媒体支持、交互性、更加智能的表单,以及更好的语义化标记。

HTML5 并不仅仅是 HTML 规范的最新版本,而是一系列用来制作现代Web 内容的相关技术的总称,其中最重要的三项技术分别为:HTML5 核心规范(标签元素)、CSS(层叠样式表第三代)、和 JavaScript。

一.HTML5 的历史

1993 年 HTML 首次以因特网草案的形式发布,然后经历了 2.0、3.2 和 4.0,直到 1999年的 HTML4.01 版本稳定下来。由于发展缓慢,逐渐的被更加严格的 XHTML 取代。

03c4de47fd157c1c2f37222eee1a9260.png

XHTML 的兴衰史

自从 HTML4.01 版本之后,掌握着 HTML 规范的万维网联盟(W3C)组织没有再发布新的标准,而是围绕着 XHTML1.0 以及之后的 XHTML2.0 展开工作。XHTML 是基于 XML、致力于实现更加严格并且统一的编码规范的 HTML 版本,解决之前 HTML4.01 版本时,由于编码不规范导致浏览器的各种古怪行为。所以,Web 开发者对 XHTML 非常的拥护。XHTML 极大的好处,就是强迫开发者养成良好的编码习惯,放弃 HTML 的凌乱写法,最终降低了浏览器解析页面的难度,方便移植到更多平台。

可是,越是想往好的方面发展,往往可能是带来的却是毁灭性的灾难,世间万物就是如此。XHTML2.0 规范了更严格的错误处理规则,强制要求浏览器拒绝无效的 XHTML2 页面,强制 Web 开发者写出绝对正确规范的代码,同时不得向下兼容,摒弃 HTML 遗留的怪异行为和编码习惯。按理说,取其精华、舍其糟粕应该是好事。但是,这样的话,数亿的页面将无法兼容,Web 开发者的难度又被加大,并且制定这个标准又太过久远,最终被抛弃。

HTML5 的回归

2008 年 W3C 发布了 HTML5 的工作草案,2009 年停止了 XHTML2 计划。又过去大概一年,HTML5 规范进一步解决了诸多非常实际的问题,各大浏览器厂商开始对旗下的产品进行升级,以便支持 HTML5。这样,得益于浏览器的实验反馈,HTML5 规范得到了持续的进步和完善,从而迅速融入到 Web 平台的实质性改进中。

和 XHTML2.0 不同,制定 HTML5 规范的一群人并不想挑出以往 HTML 的各种毛病为其改正,而是尽可能的补全 Web 开发者急需的各种功能。这些功能包括更强大的 CSS3、表单验证、音频视频、本地存储、地理定位、绘画(Canvas)、Web 通信等等。

二.HTML5 的功能

HTML5 到底涵盖了哪些功能?这些功能到底在主流的浏览器支持情况如何?

1.HTML5 核心:这部分主要由 W3C 官方的规范组成,涉及新的语义元素、新的增强的Web 表单、音频和视频、以及通过 JavaScript 绘图的 Canvas。这部分大多数主流浏览器均得到很好的支持;

2.曾经的 HTML5 标准:这部分主要来自于最初制定的 HTML5 规范,其中大多数功能需要 JavaScript 且支持 Web 应用开发。比如:本地数据存储、离线应用和消息传递;

3.非 HTML5 标准:这部分通常指下一代功能,虽然从未进入 HTML5 标准,但人们还是会把它认做 HTML5 的一部分。这些包括最为常见的 CSS3,以及很热门的地理定位。

对于最为常用且实用的部分,基本上主流的浏览器都支持的比较好。而那些特殊需求的部分,则需要根据不同的浏览器检测才能知道是否支持自己想要的功能。

三.HTML5 的特点

在 HTML5 发展的同时,XHTML2.0 也在不断发展,那么到底是哪些特点导致 HTML5 取得最终的胜利呢?

1.向下兼容

对于 XHTML2.0 要求遵循规则,否则不予显示的方式,HTML5 却实行“不破坏 Web”的原则。也就是说,以往已存在的 Web 页面,还可以保持正确的显示。

当然,面对开发者,HTML5 规范要求摒弃过去那些编码坏习惯和废弃的标签元素;而面对浏览器厂商,要求它们兼容 HTML 遗留的一切,以做到向下兼容。

2.用户至上

HTML5 遵循“用户至上”的原则,在出现具体问题时,会把用户放在第一位,其次是开发者,然后是浏览器厂商,最后才是规范制定者。比如,开发者在编码时不严谨导致本该出现警告或错误时,却正常显示了页面。

3.化繁为简

HTML5 对比之前的 XHTML,做了大量的简化工作。具体如下:

(1).以浏览器的原生能力代替复杂的 JavaScript;

(2).DOCTYPE 被简化到极致;

(3).字符集声明被简化;

(4).简单强大的 API。

4.无插件范式

在 HTML5 出现之前,很多功能只能通过插件或 hack(如绘图 API)来实现,但 HTML5原生提供了这些支持。使用插件有很多问题,具体如下:

(1).插件安装容易失败;

(2).插件被浏览器或软件禁用屏蔽(如 Flash 插件);

(3).插件经常会被爆出漏洞被利用攻击;

(4).插件不容易与 HTML 文档其他部分集成(比如整体透明化等)。

5.访问通用性

这个原则分为三个概念:

(1).可访问性:比如更加利于残障人士的阅读方案;

(2).媒体中立:比如 HTML5 的媒体播放在不同设备或平台均能正常运行;

(3).支持所有语种:比如新元素。

6.引入语义

HTML5 引入了一些用来区分不同含义和内容的标记元素。这种方式极大的提供的编码人员的可读性和代码区域查询的便利性。

7.引入原生媒体支持

HTML5 的一次大改进救生衣支持在浏览器中直接播放视频和音频文件,以前都需要借助插件才能实现此类功能。

8.引入可编程内容

HTML5 最大的变化就是引入了需要通过 JavaScript 编程才能完全的各种效果,而这些很多都是 HTML5 原生的。那么现在 HTML5 可以理解为 HTML + CSS + JavaScript + API 的总称。

四.课程学习问题

学习 HTML5 需要一些测试用的浏览器、编码用的开发工具、以及建议推荐的学习方法。

1.浏览器选择

IE9+
Firefox 3.5+
Chrome 3.0+
Safari 3.0+
Opera 10.5+

f58c5b08f845aa95c725a18126a85abf.png

推荐使用:Chrome

这里重点要说明一下 IE 浏览器。由于历史和系统绑定原因,还有相当一部分电脑残留IE9 以下版本的浏览器。虽然微软已经开始发表声明逐步不再维护 IE8,但这部分群体还占有一定的份额。所以,是否要迎合这部分用户,取决于个人对市场的判断和成本的考量。

2.开发工具

文本编辑器:记事本,Editplus,Sublime Text,Notep++等等。

IDE:Adobe Dreamweaver,WebStorm,Microsoft Visual Studio; 

本课程我们使用 Sublime Text3 作为 HTML5 课程的编码工具。

3.学习方式

本课程原则上是零基础、初学者可学,但如果你已经有之前HTML课程基础,那么学习起来将非常轻松。学习编程没有其它什么好办法,只有坚持多练多看多学.....

4.学习目标

1、掌握新标签以及新属性的功能特点,并熟练运用。

2、了解HTMlL5的前景及其学习展望。

3、明确未来的学习目标和深入学习的目标。

4、为移动前端开发学习打好基础。

如果您觉得有用,记得在下方点赞、关注、留言,小编会定期奉 上更多的惊喜哦,您的打赏支持才是小编继续努力的动力,么么哒。

每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术。陪有梦想的人一起成长!

84cdd89da9b7e74073f720bc9a61d295.png

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

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

相关文章

html5置顶标签css样式,html5 header标签 html header css布局教程 /header

在HTML5版本之前习惯使用div标签布局网页,在HTML5在DIV标签基础上新增header标签元素。也叫“”头部标签。以前我们在div css布局中常常把网页大致分为头部、内容、底部。对于大结构我们常常使用div里加id进行布局。而头部常常使用正应为大家公认html布局中对“head…

第八届育才杯机器人比赛_赛场、名单公布!南海区第八届“献血者杯”羽毛球公开赛“羽”你相约本周六...

主办单位:南海区献血办、南海血站协办单位:南海区羽毛球协会为进一步扩大无偿献血宣传,感恩南海区献血者,活跃无偿献血者的文体生活,打造一个南海区无偿献血者交流的平台,共同营造“运动、健康、献血、快乐…

2021届安徽高考成绩查询,安徽2021年高考成绩什么时候公布

据安徽省教育招生考试院透露,安徽预计将于6月23日公布各批次录取分数线、考生成绩。2021年安徽高考成绩查询入口2021年高考录取方法1、普通高校的招生录取工作在教育部和省高校招生委员会的领导下,由省考试院组织实施。2、省高校招生委员会根据当年高校在…

BroadcastReceiver 广播机制详解

BroadcastReceiver也就是“广播接收者”的意思,顾名思义,它就是用来接收来自系统和应用中的广播。 在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能…

会话管理 轻量php框架_SpringSecurity+JWT权限管理训练营-1基于RBAC模型的权限管理系统...

1.什么是权限管理系统?权限管理是一个几乎所有后台系统的都会涉及的一个重要组成部分,可以说是后台项目的基本功,主要目的是对整个后台管理系统进行权限的控制,而针对的对象是员工,避免因权限控制缺失或操作不当引发的…

2021宣城职业技术学院对口高考成绩查询,2021年宣城职业技术学院高考录取通知书查询 通知书什么时候可以收到...

高考志愿填报后最重要的一件事情就是高考录取通知书的查收了,因为录取通知书才是证明你被录取的有效方式。那么很多考生及家长最关心怎么查询宣城职业技术学院录取通知书?宣城职业技术学院录取通知书寄到哪里了?本文大风车网小编为你整理了关…

iOS 谓词的使用

OC中的谓词操作是针对于数组类型的,他就好比数据库中的查询操作,数据源就是数组,这样的好处是我们不需要编写很多代码就可以去操作数组,同时也起到过滤的作用,我们可以编写简单的谓词语句,就可以从数组中过…

multisim秒信号发生器_失联50年的卫星突然出现,莫名向地球发送信号,究竟谁在操控?...

大不列颠无线电学会(RSGB)接到英国康沃尔郡的业余无线电天文爱好者菲尔威廉姆斯(无线电呼叫代号:G3YPQ)的报告,他在2012年12月18日的一次惯例搜索轨道卫星信号的任务中突然搜到了一个237MHZ,每隔4秒重复一次的信号,很明显这是一个…

html 百度地图显示轨迹,百度地图,地图轨迹

百度地图,记录行动轨迹:效果图:上代码:body,html,#allmap {width: 100%;height: 100%;overflow: hidden;margin: 0;font-family: "微软雅黑";}单个标注点沿直线的轨迹运动// 百度地图API功能var map new BMap.Map(&quo…

win10微软图标点击无反应_win10开始菜单,不出来,任务栏右击无反应

使用【win】【R】快捷键打开系统的【运行】;输入【powershell】,按下【确定】运行,然后复制一行命令,点击回车键运行等待命令运行完成之后就可以了。以下是详细介绍:1、在键盘上按下【win】【R】键,使用快捷…

计算机仿真在哪学,计算机仿真软件有哪些

虚拟机,如VMWARE,Virtual PC虚拟机软件可以在一台电脑上模拟出来若干台PC,每台PC可以运行单独的操作系统而互不干扰,可以实现一台电脑“同时”运行几个操作系统,还可以将这几个操作系统连成一个网络。使用虚拟机的好处…

WebApp的前端所遇问题

2015年10月1日至10月25日,两个本科生和一位研究生以及一位老师组成四人团队,开发某教育前端项目 所遇问题总结以及分享: 一、主要应用软件:sublime_text HBuilder 初学者可以在JQuery mobile的Demo中寻找代码(可以看图…

框架的特性_Go 语言 Web 框架 Echo 系列:基础篇—通过一个例子串联各特性

通过前面的介绍,相信对 echo 有了一个初步的认识。本文我们通过一个简单的登录页面来串联 echo 的相关特性。因为该文主要关注各个特性,所以在目录结构和代码组织方面很随意。本节最终效果1)登录页面2)登录失败3)登录成功main 函数骨架使用 echo 框架&am…

计算机网络日志查询,系统资源管理_百络网警内网管理软件_电脑配置统计,系统日志,日志查询...

管理作用管理者可以使用百络网警内网gua灵活查询的分类统计网内计算机的硬件和软件信息,为IT资产管理提供方便和决策支持。也可以让IT管理者从多个角度来了解网络内每台计算机的全面的日志信息,为故障排除和网络管理提供有力支持。功能描述1、资产管理选…

南京江南贡院值得去吗_这12个地方是一种瘾,值得一去再去,有你想要去的吗?...

有人说,旅行就是从一个自己呆腻了的地方,到别人呆腻了的地方去。但大家有没有发现,去过许多地方,看过那么多风景,总有一些地方,第一次初识,第二次上瘾,第三第四次还去不腻&#xff1…

ipv6地址为什么显示两个_【聚焦】IPv6进行时,别被这些因素绊住脚

智慧宇易精挑细选2020年5933篇不能仅仅为了支持IPv6而使用IPv6,如何利用IPv6解决现实问题尤其重要。创新网络服务、应用服务、数据服务,可能是发展IPv6最重要的一个策略。11月15日,在第二届中国互联网基础资源大会上,IPv6被多位专…

HttpResponse 类

而封闭HTTP输出信息的类型就是HttpResponse类,使用HttpResponse类可以实现三种类型的输出,即文本,URL,二进制流. 实现这三类的属性和方法分别介绍如下:1.文本的输出,在日常开发中,后台中的文本可能需要输出到浏览器中,让用户浏览,这就需要实现动态HTML的输出,使用HttpResponse…

量子计算机迷宫,一个简单的例子,带你读懂量子计算机

原标题:一个简单的例子,带你读懂量子计算机量子计算机和你的笔记本电脑在本质上是一样的,使用的都是二进制编码。计算机语言只用0和1来表达,这被称为“位”,是计算机信息量最小的单位。计算机的工作,就是把…

各种门锁的内部结构图_便宜超好用:小米智能门锁 E上手体验报告

「真正的科技,是让你感受不到科技的存在」随着科技的日益飞速发展,科技改变着我们生活的方方面面,如今的我们出门必备的是手机,地铁、公交、日常消费、进出小区也逐渐使用手机或手环;2020年的当下钥匙已经变得不那么重要&#xff…

Unity3d通用工具类之定时触发器

时隔多日,好不容易挤出点时间来写写博文。不容易,请送我几朵红花,点个赞也行。 今天呢,我们主要来扩展下通用工具类>定时触发器。 顾名思义,所谓的定时触发器,就是告诉程序在过多长时间后,我…