原文:NanShan即时通讯论——HTML5的优势与劣势

NanShan即时通讯 学习html时才是XHTML
1.0,接着是 HTML4.01,再到HTML5,如今HTML5
開始吸引越来越多的人的目光。虽然 W3C 表示,它的终于成熟还有非常长的路,然而并不能阻止人们对它的期待。2007年,HTML5 向 W3C 标准进军,HTML5 的使命是实现富 Web 应用的本地化,脱离浏览器插件的羁绊。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案,而 HTML5 标准的所有实现或许要到 2022年以后。

什么是 HTML5

HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本号。旨在消除富 Internet 程序(RIA)对 Flash, Silverlight。 JavaFX 一类浏览器插件的依赖。

HTML5 概要

HTML5 带来非常多新功能,以及 HTML 代码上的改变。你须要使用一些特定的 API 脚本。如:

DOM

实现 2D 画图的 Canvas 对象

可控媒体播放

离线存储

文档编辑

拖放

跨文档消息

浏览器历史管理

MIME 类型和协议注冊

那些支持 HTML5 的浏览器在处理 HTML 代码错误的时候必须更灵活。而那些不支持 HTML5 的浏览器将忽略 HTML5 代码。

HTML 语法的变化

HTML5 引入了新的 HTML 元素和属性。有的是传统通用元素的语义化版本号,如代替  div 元素的 nav, footer 等元素,也有一些全新的元素,如 audio, video。一些在 HTML4 中不被推荐使用的元素,如 font 和 center 将被弃用。HTML5 引入的新 HTML 元素包含:

article:文章

aside:内容旁边的側边栏内容

audio:音频

canvas:2D 画图

command:命令button

datalist:下拉选择框

details:对象的细节

dialog:对话框

embed:外部插件或对象

figure:一组媒体对象以及标签文字

footer:页脚

header:页首

hgroup:文档某一部分的信息

keygen:表单生成的 Key

mark:标注的文字

meter:预先定义的范围内的度量

nav:导航条

output:输出

progress:进度条

rp:标识 rubby 内容

rt:rubby 内容的解释

ruby:rubby 内容

section:定义一个部分

source:媒体的资源

time:日期时间

video:视频

这些新标签。能够让你的 HTML 文档更easy载入,且更easy被搜索引擎抓取当中的实用信息。比方,搜索引擎能够直接抓取它最关心的 article 标签里面的内容。

HTML5 同那些流行的技术怎样共存

现在的 Web 世界已经习惯了各种插件和 API,HTML5 为 Web 开发与设计者带来了方便与不便,HTML5 将怎样同现在的这些流行技术共存?

HTML5 与 Flash

这个争论由来已久,Flash 被某些开发设计者滥用导致一些网页载入缓慢,而 HTML5 为之带来一线曙光。拿仍在襁褓中的 HTML5 和已经有10年历史的 Flash 进行比較或许有失公允。但这是人人都关心的一个问题。相对 Windows 用户来说,Mac 用户可能会从 HTML5 获得很多其它优点。由于苹果一直不愿支持 Flash。以下是 Mike Chambers 针对 Mac 和 Windows 平台浏览器的 CPU 负载而做的一部分測试:

測试显示,Mac 平台的 Flash 表现要差于  Windows 平台,这还取决于你使用的浏览器。如今看来,就视频游戏而言,Flash 是更好的选择,但取决于你的浏览器,假设你的视频不是非常复杂,HTML5 是更好的选择。Web开发与设计者从这些争论中应该吸取的东西是。Flash 之外还有别的选择,但 Flash 有坚固的地盘。在为客户提供开发设计的时候,须要对他们的目标客户做一些研究。

HTML5 与 IE 9

IE9 常常高调宣扬它对 HTML5 的兼容。只是。它确实将是一个非常好地支持 HTML5 的浏览器,由于。IE9 使用 Windows 现代图形 API 以及 PC 的图形加速卡输出文字和图形。在三月份的 MIX 展会,微软还宣称,IE9 将支持 GPU 加速的 HTML5。将图形滚动。3D 图形显示等处理交由图形加速卡。

HTML5 与 Ajax

如今的 HTML 语言的一个问题是,它是一种轻量级的应用界面,那些喜欢使用 Ajax 实如今线应用的开发人员会发现 HTML 很不好用。Ajaxwith.com 觉得。HTML 适合用来载入界面。JavaScript 用来运行命令,尽管 HTML 在作为界面语言方面并不好用,但鉴于多数开发人员对它的熟悉程度,HTML 还是必不可少。

一个好消息就是,HTML5 会让 Ajax 应用的实现变得更easy。

HTML5 with CSS

你需对你的 CSS 代码即可整理以支持 HTML5,由于 h1, h2 之类的标签将不再使用。为了实现同 HTML5 的兼容,最好的方式是使用 CSS reset。将那些常见的 HTML 标签的 CSS 属性清零,woork 觉得,最好的 CSS Reset 是 Eric Meyers CSS reset。

HTML5 优劣谈

HTML5 可能对移动 Web 带来很多其他优点,原因是,如今的移动 Web。iPhone 占主导地位,而 iPHone 是不支持 Flash 的。HTML5 还会让其他平台的移动浏览器有更快的网页载入速度。

还有一个优点是 SEO,Google 4月9号宣布。将页面载入速度作为搜索排名的一个因素,因此,基于 HTML5 的页面也会因载入速度更快而受益。

只是。和不论什么新技术的降临一样。当中也会牵扯到一些问题,对 Web 设计者而言,最大的一个问题就是由于这些新标签的引入,各浏览器之间将缺少一种统一的数据描写叙述格式。

在 HTML5 被广泛採用之前,我们还无法全然知道 HTML5 代码将带来的好与坏。整体来说,对开发人员而言。这将是一个巨大的变化,而对图形设计师而言。还不明朗。

NanShan即时通讯论——HTML5的优势与劣势的更多相关文章

  1. 使用 HTML5 webSocket API实现即时通讯的功能

    project下载地址:http://download.csdn.net/detail/wangshuxuncom/6430191 说明: 本project用于展示怎样使用 HTML5 webSock ...

  2. Web端即时通讯技术盘点:短轮询、Comet、Websocket、SSE

    1. 前言 Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Serve ...

  3. 基于XMPP协议的手机多方多端即时通讯方案

    一.开发背景 1.国际背景 随着Internet技术的高速发展,即时通信已经成为一种广泛使用的通信方式.1996年Mirabilis公司推出了世界上第一个即时通信系统ICQ,不到10年间,即时通信(I ...

  4. web 端即时通讯

    1. 前言 Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Serve ...

  5. java SSM框架 代码生成器 快速开发平台 websocket即时通讯 shiro redis

    A代码编辑器,在线模版编辑,仿开发工具编辑器,pdf在线预览,文件转换编码 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 , ...

  6. 新手入门:史上最全Web端即时通讯技术原理详解

    前言 有关IM(InstantMessaging)聊天应用(如:微信,QQ).消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为 ...

  7. Web端即时通讯技术原理详解

    前言 有关IM(InstantMessaging)聊天应用(如:微信,QQ).消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为 ...

  8. xmpp即时通讯的笔记(摘抄)

    xmpp的使用: 即时通讯 instant messaging(IM) :  -->实时收发信息! 即时通讯相关软件: **QQ,MSN,GoogleTalk,AIM,Jabber(XMPP别名 ...

  9. IM即时通讯实现原理

      即时通讯(Instant Messenger,简称IM)软件多是基于TCP/IP和UDP进行通讯的,TCP/IP和UDP都是建立在更低层的IP协议上的两种通讯传输协议.前 者是以数据流的形式,将传 ...

随机推荐

  1. lightoj Again Array Queries

    1100 - Again Array Queries   PDF (English) Statistics Forum Time Limit: 3 second(s) Memory Limit: 32 ...

  2. 深入了解Nginx之Nginx与Python(1)

    6 Python和Nginx 6.1 简介FastCGI FastCGI(Fast Common Gateway Interface)是基于CGI上的改进,是CGI的一种演变产物.虽然目的是保持同样的 ...

  3. 【Java】【Fulme】Flume-NG源代码阅读之SpoolDirectorySource

    org.apache.flume.source.SpoolDirectorySource是flume的一个经常使用的source,这个源支持从磁盘中某目录获取文件数据.不同于其它异步源,这个源可以避免 ...

  4. HttpWebRequest和WebClient的区别

     HttpWebRequest和WebClient的区别(From Linzheng): 1,HttpWebRequest是个抽象类,所以无法new的,需要调用HttpWebRequest.Creat ...

  5. 专门针对初学者的Node.js教程

    转载原文:http://www.csdn.net/article/2013-08-28/2816731-absolute-beginners-guide-to-nodejs Node.js的教程并不缺 ...

  6. 制作自己的私有库(cocopods)

    1.首先你需要创建一个私有的仓库,用于存放自己的podspec相关文件,至于git服务器你可以用http://git.oschina.net/,或者自己搭建的都行.我在git服务器上创建了一个名字叫T ...

  7. strcpy_s

    char src[5]="abcd"; char *des=new char[str.length(src)+1];   // length()不计\0 strcpy_s(des, ...

  8. opencv第一站:配置opencv环境(2015-12-12)

    今天论坛申请的书< OpenCV 计算机视觉编程攻略(中国工信出版社)>到了,准备研究研究机器视觉. 晚上安装了 vc2008 及 opencv 最新版 3.0.0,试了各种配置都是错误提 ...

  9. codeforces 464C. Substitutes in Number

    题目链接 C. Substitutes in Number time limit per test 1 second memory limit per test 256 megabytes input ...

  10. [LeetCode]题解(python):009-Palindrome Number

    题目来源: https://leetcode.com/problems/palindrome-number/ 题意分析: 这题是要判断一个int是否一个回文数,要求不能申请额外的空间. 题目思路: 这 ...