`

html5的变化

阅读更多
周末看了下HTML5,感觉和HTML4也没有太大区别,把一些变化总结一下:

1、<!DOCTYPE>更简单

对于HTML5,文档开头只需要写
<!DOCTYPE html>

而HTML4,则要写
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


2、增加了一些内容性的标签

如<code>、<article>等,这部分没有难度,对着参考手册写就行了

3、删除了一些样式的标签(应该由CSS来完成)

如<font>、<big>、<center>等标签被删除了

4、增加了对多媒体资源的支持

用<video>和<audio>标签来支持视频和音频的播放

5、增加了绘图API

用<canvas>标签来支持HTML绘图,具体的API是用javascript操作的

6、增加了浏览器本地存储的能力

用localStorage和sessionStorage这2个对象来支持数据的本地存储,存储空间比较大,并且避免了像cookie一样在server和client之间反复传输

具体的操作是用javascript实现的,不过现在好像在几种主流浏览器中的实现有BUG,子域名有单独的存储空间,和HTML5规范不符合

7、支持本地化HTML应用

通过applicationCache支持浏览器缓存,编程也是依赖javascript实现

效果就是把HTML相关资源(包括js、css、png)等在浏览器里缓存起来,实现离线应用

8、支持websocket协议,实现server和client的双向通信

通过将http协议,升级为websocket协议,支持server和client的双向通信

可想而知,这个特性需要服务端的支持。目前tomcat已经可以支持该特性,但是用的是tomcat自己的实现

也就是说,现在要实现这个特性,server端的代码会有差异(取决于server容器),还没有一个规范的API,所以不是很方便

相关的规范正在制定当中,RFC6455是websocket协议的规范,与http规范一样,与具体的平台无关;JSR356是java平台的websocket规范,现在还在草案阶段,这个规范推出以后,在JAVA平台就有统一的API进行websocket的server端编程了,但是估计还要很长时间

我感觉websocket是html5里最吸引人的,因为终于可以解决长久以来的server和client双向通信问题,但是由于规范成熟度的问题,截止到目前,仍然处于“已经可以用,但是不成熟”的阶段
分享到:
评论

相关推荐

    html水流效果、数字变化,html切角

    HTML5引入了CSS3的`border-radius`属性,可以用来创建圆角,但如果我们想要更复杂的切角效果,可能需要借助额外的CSS技巧,如伪元素、背景图片或者使用SVG图形。`切角1.html`文件可能是展示如何用HTML和CSS实现不同...

    HTML实现电池电量图标动态变化

    在HTML中实现电池电量图标动态变化,通常会结合JavaScript来完成,因为JavaScript能够提供动态更新页面元素的能力。在这个场景下,我们可以创建一个电池图标,并通过JavaScript来改变其电量显示,以模拟电池电量的...

    html5 canvas画布随机颜色变化特效

    在这个“html5 canvas画布随机颜色变化特效”中,我们将深入探讨如何利用Canvas API实现颜色的随机变化,为网页增添动态美感。 首先,我们需要在HTML文档中创建一个`&lt;canvas&gt;`元素,并通过JavaScript获取到它的引用...

    动态背景变化的HTML5漂亮导航菜单.rar

    这个名为"动态背景变化的HTML5漂亮导航菜单"的压缩包文件,为我们带来了一个利用HTML5和CSS3技术实现的创新性导航菜单设计。这个菜单不仅美观,而且具有动态背景变化的效果,当鼠标悬停在不同的菜单项上时,对应的...

    HTML5快速参考

    HTML5相较于早期版本的HTML以及XHTML带来了许多变化,其中最显著的变化之一是它增强了对富媒体内容的支持,比如视频和音频,同时也加强了地理定位、数据库和移动设备兼容性的功能,并且增加了可以通过脚本编程访问的...

    HTML 5 参考手册

    综上所述,HTML5的出现为Web开发带来了革命性的变化,无论是结构化元素、多媒体支持,还是性能提升和移动设备兼容,都极大地推动了互联网的发展。通过深入学习和实践,开发者可以充分利用这些特性,创建出更具互动性...

    html5饼图、柱状图、折线图,Html5+JS开发

    HTML5是一种先进的网页标准,它在图形和交互性方面提供了许多增强功能,使得开发者能够创建出更加生动和富有表现力的网页应用。本资源包含了一系列使用HTML5和JavaScript技术实现的图表,包括饼图、柱状图和折线图,...

    HTML5过场动画切换

    HTML5过场动画切换是网页设计中的一种创新技术,它利用HTML5的现代特性来创建动态、引人入胜的过渡效果,为用户提供更丰富的视觉体验。这些动画不仅仅是静态页面间的简单跳转,而是通过精心设计的动画效果,使得用户...

    16套html5数据大屏分析显示模板

    HTML5是一种强大的网页开发语言,它在过去的几年中极大地改变了前端开发的格局。这个资源包“16套html5数据大屏分析显示模板”显然旨在为开发者提供一系列现成的解决方案,帮助他们快速构建用于数据可视化和分析的大...

    html5很炫的导航菜单

    7. **悬停效果**:通过CSS3的`:hover`伪类,HTML5菜单可以在鼠标悬停时呈现不同的颜色、透明度或尺寸变化,增加用户的互动感。 8. **黑暗/亮色主题**:有些菜单支持切换主题,用户可以选择暗色或亮色模式,满足不同...

    HTML5 Canvas字母变化动画特效.zip

    在这个“HTML5 Canvas字母变化动画特效”中,我们主要关注的是如何利用JavaScript和Canvas API来实现36个英文字母的交替变化动画。 首先,Canvas API是HTML5的一个核心特性,它提供了一系列的绘图方法,如`fillRect...

    HTML5参考手册-合集.chm

    HTML5是现代网页开发的核心标准,它在HTML4的基础上进行了大量的改进和扩展,旨在提供更丰富的功能、更好的可访问性和更强的交互性。这个“HTML5参考手册-合集.chm”大合集包含了7本关于HTML5及其相关版本的手册,是...

    WebAp和HTML5给Web前端带来的变化.pdf

    WebAp和HTML5给Web前端带来的变化 WebAp和HTML5是当前Web前端领域中的两大热点技术,它们给Web前端带来了深远的影响。本文将从WebAp和HTML5两个方面来探讨它们对Web前端的变化。 WebAp是指基于浏览器/服务器(B/...

    html5唯美爱情表白动画网页代码_html_

    HTML5是一种强大的网页开发语言,它是HTML的第五个版本,为网页设计师和开发者带来了许多新的特性和改进。在这个“html5唯美爱情表白动画网页代码”项目中,我们主要探讨HTML5如何结合JavaScript来创建引人入胜的...

    html5-bluetooth.zip

    HTML5是一种强大的Web开发标准,它为Web应用提供了许多新的特性和接口,使得开发者能够创建更丰富、更交互式的网页。其中一个引人注目的特性就是HTML5中的Web Bluetooth API,这个API允许Web应用与支持蓝牙低功耗...

    web app和html5给前端带来的变化 - 我们的html5游戏平台之旅 共56页.pptx

    Web应用程序(Web App)与HTML5的出现对前端开发带来了革命性的变化,它们共同推动了互联网体验的新纪元。HTML5作为下一代超文本标记语言,提供了丰富的功能和接口,为Web App的构建提供了坚实的基础。在本文中,...

    html5字符动画

    HTML5字符动画是一种利用HTML5的新特性来创建动态效果的技术,尤其在文本展示方面具有很高的创新性和趣味性。这种技术通常结合CSS3和JavaScript来实现,使得文本元素能够展现出丰富的视觉效果,例如逐字出现、消失...

    兄弟连HTML5下载地址

    - **第二课(上)**:详细阐述了HTML5相对于以前版本在标签上的主要变化。 - **第三课(下)**:继续深入探讨HTML5中的新标签和已废弃的旧标签,并解释这些更改对网页设计的影响。 ### 二、HTML5音视频应用 #### ...

    HTML5 Pocket Reference

    HTML5的发展经历了多个版本,随着时间的推移,为了适应互联网的快速发展和用户需求的变化,HTML标准经历了多次的修订和更新。从最早的HTML标准,到HTML5,每一次的版本更新都是为了增强网页的表现能力,支持更丰富的...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    1.3 HTML 5的基本结构和语法变化 8 1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 ...

Global site tag (gtag.js) - Google Analytics