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 1596
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 4557
HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video 标签和 audio 及 canvas 标记。而HTML5在取消了过时的显示效果标记 和 等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1. 解决思路主流浏览器都兼容...
初识HTML（详细版）
最新发布
wrrtx的博客
07-24 1582
尽可能讲述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，查看各浏览器装机情况统计
Html——选项框、立方体与选项框
2401_84153177的博客
04-12 315
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**[外链图片转存中…(img-Angfcwtu-1712883577108)]
html怎么写下拉选择框
m0_65659549的博客
05-03 1701
代表下拉列表中的一个选项。在实际应用中，你可以根据需要添加更多选项，并根据实际情况调整。在HTML中创建下拉选择框，通常使用。
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技术嵌入式移动浏览器的研究
wenbrowser不支持html5,JavaScript遇到浏览器不兼容与解决方案
weixin_27890975的博客
06-18 391
avaScript1. HTML对象获取问题说明：FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2. const问题说明:Firefox下,可以使用const关键字或v...
无法打开html5,IE浏览器无法打开怎么办
weixin_36285931的博客
07-10 1720
由于IE浏览器跟系统的深度结合，很多时候可能我们对系统进行相关的优化操作可能会间接导致IE浏览器出现问题。今天学习啦小编就跟大家分享一个IE浏览器无法打开的解决方法。IE浏览器无法打开解决方法一：1、使用桌面版IE10/IE11访问：按照提示，将IE10/IE11设为默认浏览器，重启系统，运行Modern版IE应用。IE浏览器无法打开解决方法二：进入Modern电脑设置》搜索和应用》默认应用，选择...
当前浏览器对HTML5支持状况(全平台)
热门推荐
CRPER
08-24 1万+
题记HTML5test 这个网站专门测试浏览器对HTML5支持状况,只要你的浏览器打开HTML5test这个页面,就会得到一个测评的分数,然后会列出你当前浏览器对哪些特性支持良好,哪些不支持简易测试如图:360极速浏览器测试的(内核是chromium 42) – 极速模式;我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的而我本地的chrome 4
IE8及以下IE浏览器支持canvas效果
liguo9860的专栏
11-13 7499
下载文件：html5.js和excanvas.js。 在页面的head标签中添加以下代码： 这个是为了让IE8及以下IE浏览器认识h5新增的标签。 在页面的body标签下面添加以下代码： ... 把这个js脚本添加到最下面，是防止页面未加载完成页面就开始执行脚本。我刚开始把这个excanvas.js脚本放到head标签里引用，结果
Adobe Flashplayer orHTML5 Browser with WebGL or CSS3D support required 解决方案
weixin_47953779的博客
10-15 9565
（Adobe Flashplayer orHTML5 Browser with WebGL or CSS3D support required）的意思是：需要Adobe Flashplayer 或 html5浏览器与WebGL 或 CSS3D支持 谷歌浏览器需要开启配置，你可以到 chrome://flags，搜索Choose ANGLE graphics backend，将选项更改为 OpenGL，更改后会提示重启，这时候就能看到3D图 ...
Canvas学习和基本属性介绍以及判断浏览器是否支持canvas
Clara_G的博客
04-01 656
一、 创建canvas元素 如果要向界面中添加canvas元素，可以使用以下代码 <canvas id="myCanvas" style="border:1px solid;" width="300" height="150"></canvas> <script> var c = document.getElementById("myCan...
html5 canvas ie8,IE8及以下IE浏览器支持canvas效果
weixin_27565831的博客
06-24 501
下载文件：html5.js和excanvas.js。在页面的head标签中添加以下代码：这个是为了让IE8及以下IE浏览器认识h5新增的标签。在页面的body标签下面添加以下代码：...把这个js脚本添加到最下面，是防止页面未加载完成页面就开始执行脚本。我刚开始把这个excanvas.js脚本放到head标签里引用，结果一直报insertAdjacentHTML提示"用于此操作的原始HTML无效"...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值