HTML5标记元素 [英] HTML5 Mark Element
问题描述
哪些浏览器及其版本,IE,FF Google Chrome,Opera,例如FireFox 2.0,3.0是否支持标记
元素?
让我们来看看!
所有测试过的浏览器都会在< mark>
内渲染文本(这是渲染未知元素的典型代码)。以下是测试的浏览器,粗体中的项目指示哪些浏览器应用特殊样式(在所有测试过的情况下,这表示黄色背景)<
Chrome
- Chrome 5.0.375.99(Debian)
- Chrome 9.0.597.107(Windows XP) .648.133(Ubuntu)
- Chrome 10.0.648.204(Windows XP) 11.0.696.16(Ubuntu)
- Chrome 12.0.712.0(Ubuntu)
- Firefox 1.0.8(Ubuntu)
- Firefox 2.0.0.20(Windows XP)
- Firefox 2.0.019(Ubuntu)
- Firefox 3.0.3(Ubuntu)
- Firefox 3.5.8(Ubuntu)
- Firefox 3.6(Windows XP)
- Firefox 3.6.10(Ubuntu)
- Firefox 4.0(Debian)
- Firefox 4.0(Windows XP)
b - IE 6.0(Windows XP)
- IE 8.0(Windows XP)
- IE 8.0(Windows 7)
- Opera 8.54(Windows XP)
- Opera 9.63(Debian)
- Opera 9.80(Ubuntu)
- Opera 9.80(Windows XP)
- Opera 10.00(Debian)
- Opera 10.60(Debian)
- Opera 11.01 / ul>
Safari
- Safari 4.0(Windows XP)
- Safari 5.0.4(Windows XP)
- Safari 5.0.4(Windows 7)
(如果不明显,结果按品牌排序,然后版本,然后操作系统测试。)
所有屏幕截图(压缩): https://github.com/downloads/mjball/Stack-Overflow-QA/110331-103924-jsbin.com-6183471.zip
Which browsers and their versions, IE, FF Google Chrome, Opera, for example, FireFox 2.0, 3.0 support the
mark
element?解决方案Let's see! http://browsershots.org/http://jsbin.com/evixu4
(results pending)<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> </head> <body> <p id="hello">Hello <mark>World</mark></p> </body> </html>
As rendered on Chrome 10.0.648.204 on Windows 7:
Edit w/Browsershots results
All browsers tested will render text inside of
<mark>
(as is typical for rendering unknown elements). The following are the browsers tested, with items in bold indicating which browsers apply special styling (in all cases tested, this means a yellow background) to<mark>
elements. Presumably, the highlighted style indicates that the browser supports the element.Chrome
- Chrome 5.0.375.99 (Debian)
- Chrome 9.0.597.107 (Windows XP)
- Chrome 10.0.648.133 (Ubuntu)
- Chrome 10.0.648.204 (Windows XP)
- Chrome 11.0.696.16 (Ubuntu)
- Chrome 12.0.712.0 (Ubuntu)
Firefox
- Firefox 1.0.8 (Ubuntu)
- Firefox 2.0.0.20 (Windows XP)
- Firefox 2.0.019 (Ubuntu)
- Firefox 3.0.3 (Ubuntu)
- Firefox 3.5.8 (Ubuntu)
- Firefox 3.6 (Windows XP)
- Firefox 3.6.10 (Ubuntu)
- Firefox 4.0 (Debian)
- Firefox 4.0 (Windows XP)
IE
- IE 6.0 (Windows XP)
- IE 7.0 (Windows XP)
- IE 8.0 (Windows XP)
- IE 8.0 (Windows 7)
Opera
- Opera 8.54 (Windows XP)
- Opera 9.63 (Debian)
- Opera 9.80 (Ubuntu)
- Opera 9.80 (Windows XP)
- Opera 10.00 (Debian)
- Opera 10.60 (Debian)
- Opera 11.01 (Ubuntu)
Safari
- Safari 4.0 (Windows XP)
- Safari 5.0.4 (Windows XP)
- Safari 5.0.4 (Windows 7)
(In case it's not obvious, results are sorted by brand, then version, then OS tested.)
All screenshots (zipped): https://github.com/downloads/mjball/Stack-Overflow-Q-A/110331-103924-jsbin.com-6183471.zip
这篇关于HTML5标记元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
- Opera 11.01 / ul>
Firefox
IE
<1 i> IE 7.0(Windows XP)