srdwxA 2014-05-18
1、关于移动端浏览器对html5的支持情况
1.1、Android系统默认自带的浏览器能否较好的支持html5技术,这取决于系统基带版本。除此之外html5的性能高低与手机硬件配置有直接联系。例如一款中低端性能的Android手机,在使用html5的WebGL技术绘制3D Canvas时,硬件性能上的不足会直接影响到渲染呈现,这一结果与它是Android2.x还是Android4.x无关。总结来说,系统自带浏览器的html5支持情况与其系统版本有直接联系,与硬件环境有间接联系。系统默认自带的浏览器能否够较好支持html5技术,这取决于系统基带版本,除此之外html5的性能高低与手机硬件配置有着直接联系。
1.2、iOS与Android系统中有多种支持html5的内核浏览器,
Opera Mobile(Presto内核);Chrome(Webkit内核,Android版目前需要系统版本达到4.0+才可安装并支持);Safari iOS(Webkit内核);UC Browser(U3内核);QQ Browser(X5内核)。上述列出的浏览器为移动端使用率较高的浏览器(China),2013-2014年移动端top5浏览器使用率数据来源:gs.statcounter.com。
1.3、以下是移动端常用浏览器对html5较为成熟的技术部分的支持情况:
Safari iOS for iPhone, iPad 3.2 to 7.0 以下简称 Safari。
Android Browser Phones & Tablet 1.5 to 4.3 以下简称 Android。
Google Chrome for iPhone or Android 4.0+ 以下简称 Chrome。
Opera Mobile for Android 11 to 18 以下简称 Opera(不是Opera Mini)。
* Application Cache(数据离线缓存处理) Safari(yes) Android(2.1+) Chrome(yes) Opera(yes)
* Web storage(数据本地化存储) Safari(yes) Android(2.0+) Chrome(yes) Opera(yes)
* Geolocation(Google地理位置) Safari(yes) Android(2.0+) Chrome(yes) Opera(yes)
* Web sockets(Socket通信处理) Safari(4.2+) Android(4.4+) Chrome(yes) Opera(12.1+)
* Viewport definition(页面自动适配) Safari(yes) Android(yes) Chrome(yes) Opera(yes)
* Web SQL Storage(SQLite存储) Safari(yes) Android(2.0+) Chrome(yes) Opera(yes)
* Multimedia(视频及音频处理) Safari(yes) Android(2.3+) Chrome(yes) Opera(yes)
* Canvas(画布) Safari(yes) Android(yes&3.0+ better) Chrome(yes) Opera(yes)
* SVG(矢量图形) Safari(yes) Android(3.0+) Chrome(yes) Opera(yes)
* Form New Controls(表单新控件) Safari(4.0+) Android(4.4+) Chrome(yes) Opera(yes)
* Semantic Elements(新语义标签) Safari(yes) Android(2.3+) Chrome(yes) Opera(yes)
* CSS3 Safari(yes) Android(yes) Chrome(yes) Opera(yes)
* File(文件处理) Safari(6.0+) Android(3.0+) Chrome(yes) Opera(12+)
* Media Capture(媒体捕获) Safari(6.0+) Android(3.0+) Chrome(yes) Opera(14+)
* XMLHttpRequest2.0 Safari(5.0+) Android(3.0+) Chrome(yes) Opera(12+)
* Speech(语音) Safari(7.0+) Android(no) Chrome(32+) Opera(no)
* Query Selector(查询选择器) Safari(yes) Android(yes) Chrome(yes) Opera(yes)
QQ、UC、海豚、天天、百度等浏览器内核不一,具体支持结果根据主流机型通过www.html5test.com跑分测试评定。
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。html5方法二:<videocontrols=""autoplay=""name="media&q