Html5多浏览器支持情况

最新推荐文章于 2024-07-24 16:51:37 发布
最新推荐文章于 2024-07-24 16:51:37 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML5 文章标签： html5 浏览器 browser web html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stonemat/article/details/46492475
版权
本文探讨了主流浏览器如Chrome、Firefox、IE、Opera和Safari对HTML5的支持情况，通过html5test.com的测试结果，展示各浏览器在语义、设备访问、连接性、性能与集成、多媒体、3D图形与效果、离线存储和其他方面的得分详情。例如，360浏览器在Windows 7上运行的Chrome 31得分442分，满分为555分。
摘要由CSDN通过智能技术生成

当前主流浏览器对HTML5的支持情况如下表所示（http://html5test.com/results/desktop.html）：


满分：555分

 ChromeFirefoxInternet ExplorerOperaSafari
Upcoming  Edge 402  
Current43 52638 46711 33629 5198.0 396
Older42 52337 44910 29728 5197.0 352
 41 52336 4499 11327 5126.0 326
 40 51135 4498 3326 4975.1 250
 39 50134 449 24 485 
 38 49933 444 23 462 
 37 49432 444 22 473

下面内容是各浏览器对HTML5标签支持的详细情况（由于篇幅所限只列出查看地址）：


Chrome：http://html5test.com/compare/browser/chrome-43.html

Firefox：http://html5test.com/compare/browser/firefox-38.html

IE：http://html5test.com/compare/browser/ie-11.html

Opera：http://html5test.com/compare/browser/opera-29.html

Safari：http://html5test.com/compare/browser/safari-8.0.html

使用360浏览器得出的分数及详细情况：


YOUR BROWSER SCORES 442 OUT OF 555 POINTS

You are using Chrome 31 on Windows 7Correct?✔✘

Save results Compare to...

semantics

Parsing rules
5
<!DOCTYPE html> triggers standards mode
Yes  ✔
HTML5 tokenizer
Yes  ✔
HTML5 tree building
Yes  ✔
HTML5 defines rules for embedding SVG and MathML inside a regular HTML document. The following tests only check if the browser is following the HTML5 parsing rules for inline SVG and MathML, not if the browser can actually understand and render it.
Parsing inline SVG
Yes  ✔
Parsing inline MathML
Yes  ✔
Elements
25/30
Embedding custom non-visible data
Yes  ✔
New or modified elements
Global attributes or methods
hidden attribute
Yes  ✔
Forms
73/75
Field types
Fields
Forms
Microdata
0
Microdata
No  ✘

device access

Location and Orientation
20
Geolocation
Yes  ✔
Device Orientation
Yes  ✔
Device Motion
Yes  ✔
Output
10
Full screen support
Prefixed  ✔
Web Notifications
Yes  ✔
Input
20/25
Access the webcam
Prefixed  ✔
Gamepad control
Prefixed  ✔
Pointer Events
No  ✘
Pointer Lock support
Prefixed  ✔

connectivity

Communication
33/35
Server-Sent Events
Yes  ✔
Beacon
No  ✘
XMLHttpRequest Level 2
Upload files
Yes  ✔
WebSocket
Basic socket communication
Yes  ✔
ArrayBuffer and Blob support
Yes  ✔
Peer To Peer
15/20
WebRTC 1.0
Prefixed  ✔
ObjectRTC API for WebRTC
No  ✘
Data channel
Prefixed  ✔

performance & integration

User interaction
13/20
Drag and drop
HTML editing
Clipboard
Clipboard API and events
No  ✘
Spellcheck
spellcheck attribute
Yes  ✔
Performance
25
Workers
Web Workers
Yes  ✔
Shared Workers
Yes  ✔
Security
28/40
Web Cryptography API
No  ✘
Content Security Policy 1.0
Yes  ✔
Content Security Policy 1.1
No  ✘
Cross-Origin Resource Sharing
Yes  ✔
Cross-document messaging
Yes  ✔
Iframes
Sandboxed iframe
Yes  ✔
Seamless iframe
No  ✘
iframe with inline contents
Yes  ✔
History and navigation
10
Session history
Yes  ✔

multimedia

Video
31/35
video element
Yes  ✔
Subtitles
Yes  ✔
Audio track selection
No  ✘
Video track selection
No  ✘
Poster images
Yes  ✔
Codec detection
Yes  ✔
Advanced
DRM support
Prefixed  ✔
Media Source extensions
Yes  ✔
Codecs
MPEG-4 ASP support
No  ✘
H.264 support
Yes  ✔
Ogg Theora support
Yes  ✔
WebM with VP8 support
Yes  ✔
WebM with VP9 support
Yes  ✔
Audio
28/30
audio element
Yes  ✔
Loop audio
Yes  ✔
Preload in the background
Yes  ✔
Advanced
Web Audio API
Prefixed  ✔
Speech Recognition
Prefixed  ✔
Speech Synthesis
No  ✘
Codecs
PCM audio support
Yes  ✔
AAC support
Yes  ✔
MP3 support
Yes  ✔
Ogg Vorbis support
Yes  ✔
Ogg Opus support
No  ✘
WebM with Vorbis support
Yes  ✔
WebM with Opus support
No  ✘

3d, graphics & effects

Responsive images
0/15
picture element
No  ✘
srcset attribute
No  ✘
sizes attribute
No  ✘
2D Graphics
21/25
Canvas 2D graphics
Yes  ✔
Drawing primitives
Text support
Yes  ✔
Path support
No  ✘
Ellipse support
Yes  ✔
Dashed line support
Yes  ✔
System focus ring support
No  ✘
Features
Hit testing support
No  ✘
Blending modes
Yes  ✔
Image export formats
PNG support
Yes  ✔
JPEG support
Yes  ✔
JPEG-XR support
No  ✘
WebP support
Yes  ✔
3D Graphics
0/20
WebGL 3D graphics
No  ✘
Animation
5
window.requestAnimationFrame
Yes  ✔

offline & storage

Web applications
13/25
Offline resources
Application Cache
Yes  ✔
Service Workers
No  ✘
Content and Scheme handlers
Custom scheme handlers
Yes  ✔
Custom content handlers
No  ✘
Custom search providers
Yes  ✔
Storage
33/35
Key-value storage
Session Storage
Yes  ✔
Local Storage
Yes  ✔
Database storage
IndexedDB
Yes  ✔
Objectstore Blob support
No  ✘
Objectstore ArrayBuffer support
Yes  ✔
The Web SQL Database specification is no longer being updated and has been replaced by IndexedDB. Because at least 3 vendors have shipped implementations of this specification we still include it in this test.
Web SQL Database
Yes  ✔
Files
15
Reading files
Basic support for reading files
Yes  ✔
Create a Blob from a file
Yes  ✔
Create a Data URL from a Blob
Yes  ✔
Create an ArrayBuffer from a Blob
Yes  ✔
Create a Blob URL from a Blob
Yes  ✔
Accessing the file system
FileSystem API
No  ✘
The Directories and System API proposal has failed to gain traction among browser vendors and is only supported in some Webkit based browsers. No additional points are awarded for supporting this API.
File API: Directories and System
Prefixed  ✔
Streams
0/5
Readable streams
No  ✘
Writable streams
No  ✘

other

Web Components
4/10
Custom elements
No  ✘
Shadow DOM
Prefixed  ✔
HTML templates
Yes  ✔
HTML imports
No  ✘
Other
15/20
Styling
Scoped style element
No  ✘
Scripts
Asynchronous script execution
Yes  ✔
Runtime script error reporting
Yes  ✔
Script execution events
No  ✘
Base64 encoding and decoding
Yes  ✔
JSON encoding and decoding
Yes  ✔
URL API
Yes  ✔
Mutation Observer
Yes  ✔
Promises
No  ✘
Other
Page Visibility
Prefixed  ✔
Text selection
Yes  ✔
Scroll into view
Yes  ✔


石头垫子
关注
专栏目录
H5的浏览器兼容
hhhhhh__hh的博客
05-07 1595
1 结论 HTML5支持所有的主流浏览器，如Chrome，火狐，Safari，IE9及以上的浏览器，但是不兼容IE8及以下的浏览器。 所有兼容的浏览器，不论新旧，都会自动把未识别元素当做行内元素来处理，可以设置： header, section, footer, aside, nav, main, article, figure { display: block; } IE8及以下的浏览器： 方法1：手动创建标签,但是注意手动创建的标签默认都是行内元素,可以使用displa
html5在不同浏览器兼容,HTML5浏览器兼容性解决方案
weixin_39732991的博客
06-05 4555
HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video 标签和 audio 及 canvas 标记。而HTML5在取消了过时的显示效果标记 和 等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1. 解决思路主流浏览器都兼容...
初识HTML（详细版）
最新发布
wrrtx的博客
07-24 1577
尽可能讲述html的基本知识以及演示代码
HTML5 - 各大浏览器对html5的支持情况
u014063717的博客
03-17 1329
1，主流浏览器对html5的支持情况 （1）Chrome，Firefox：支持html5很多年，而且有自动升级，支持最好。 （2）Safari，Opera：同样支持html5很多年，支持也很好。 （3）IE：IE10起比较好了，之前很差。2，查看具体的支持情况 在http://caniuse.com上，我们可以查询HTML5里具体功能在各个浏览器下的支持情况。3，查看各浏览器装机情况统计
当前浏览器对HTML5支持状况(全平台)
CRPER
08-24 1万+
题记HTML5test 这个网站专门测试浏览器对HTML5支持状况,只要你的浏览器打开HTML5test这个页面,就会得到一个测评的分数,然后会列出你当前浏览器对哪些特性支持良好,哪些不支持简易测试如图:360极速浏览器测试的(内核是chromium 42) – 极速模式;我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的而我本地的chrome 4
html5 查看浏览器,查看浏览器对html5的支持情况
weixin_35738304的博客
06-05 298
http://html5test.com/ 查看浏览器对html5的支持情况http://html5test.com/视频和音频代码检测functionCheckAudio(){varmyAudio=document.createElement("audio");if(myAudio.canPlayType){if(""!=myAudio.canPlayType("audio/mpeg")){...
HTML5 浏览器支持
12-13
HTML5 浏览器支持   你可以让一些较早的浏览器（不支持HTML5）支持 HTML5。 HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 正...
web前端开发基础入门教程之HTML5 浏览器支持
01-08
HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 正因为如此，你可以 “教会” 浏览器处理 “未知” 的 HTML 元素。 甚至你...
检测浏览器是否支持HTML5
04-03
检测浏览器是否支持HTML5，在用HTML5开发Web App时，检测浏览器是否支持HTML5功能是个必须的步骤。检测浏览器是否支持HTML5功能，可归结为以下四种方式： 在全局对象上检测属性； 在创建的元素上检测属性； 检测一...
检测浏览器对HTML5和CSS3支持度的方法
09-28
// 浏览器支持Canvas alert('canvas supported'); } // 检测本地存储支持情况 if (window.localStorage) { // 浏览器支持本地存储 alert('local storage supported'); } ``` 通过上述代码片段，开发者能够判断...
支持html5技术嵌入式移动浏览器的研究和开发.pdf
09-28
支持html5技术嵌入式移动浏览器的研究
解决浏览器对H5新标签的兼容性的解决
螺母娘娘—李减肥（IT前端）
04-27 7809
解决浏览器对H5新标签的兼容性的解决
h5 新特性 浏览器支持 浏览器兼容方法
a1044187112的博客
03-12 3060
h5 新特性 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search h5 浏览器支持 现代的浏览器都支持 HTML5。此外，所有浏览器...
JavaCV音视频开发宝典：录制vp8和vp9编码的webm格式视频，以mp4转webm为例
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
02-28 1153
《JavaCV音视频开发宝典》专栏目录导航 《JavaCV音视频开发宝典》专栏介绍和目录 ​ 前言 由于现代浏览器对webm格式的视频支持较好，如下图： 因此使用webm格式来作为主要的存储和回放视频格式。本章将使用mp4文件转webm为例，来讲一下JavaCV如何录制webm格式视频。 webm简单介绍 webm是由google开源的视频格式，BSD授权协议，支持vp8、vp9、av1编码。 webm格式这种开源无专利版权风险的特性，非常便于我们日常开发和商业使用。 参考资料 webm项目 实现功能.
CSS3&HTML5各浏览器支持情况一览表
hbd082014的博客
10-18 912
支持情况博客好像不显示，直接附上原博客地址http://www.zhangxinxu.com/wordpress/?p=707
jQuery--jQuery概述、优势、各版本对浏览器的支持情况、引入jQuery库
吴声子夜歌的博客
09-30 2752
jQuery概述 JavaScript语言是NetScape公司开发的一种脚本语言，其功能强大，交互性强，是Web前端语言发展过程中的一个重要里程碑。JavaScript的实时性、跨平台、使用简单且安全性较高等特点决定了其再Web前端涉及中的重要第位。 但随着浏览器种类的推陈出新，JavaScript对浏览器的兼容性收到了极大挑战，网页前端设计者往往因浏览器的不兼容而导致工作量大增。2006年1月...
IE浏览器 对 jquery版本的兼容性 支持
热门推荐
草巾冒小子的博客
03-24 2万+
IE浏览器存在多种兼容问题 掌握技巧，不再害怕 IE浏览器 对 jquery版本的兼容性 注意： ie9 / ie8 / ie7 …版本的IE浏览器，不兼容jquery中的部分属性方法； 以 jquery.1.7.2版本为例： 问题描述，示图如下： 代码块简略，示图如下： html文件，部分代码如下： ...部分省略... &amp;lt;script src='js/j...
HTML5 Semantic Elements
poijm
02-15 1975
Semantic = Meaning. Semantic elements = Elements with meaning. What are Semantic Elements?
HTML5 浏览器支持（h5的浏览器兼容性）
Serena_tz的博客
02-24 1282
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。 E9 以下版本浏览器兼容HTML5的方法，使用静态资源的html5shiv包： <!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
HTML5新特性与浏览器支持情况
"浏览器对HTML5的支持-HTML5 入门" HTML5是互联网技术的一次重大更新，旨在统一HTML、XHTML以及HTML DOM的标准。它由W3C（万维网联盟）和WHATWG（Web Hypertext Application Technology Working Group）共同开发，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值