HTML5标记元素 [英] HTML5 Mark Element

查看:102
本文介绍了HTML5标记元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

哪些浏览器及其版本,IE,FF Google Chrome,Opera,例如FireFox 2.0,3.0是否支持标记元素?

解决方案

让我们来看看!

所有测试过的浏览器都会在< mark> 内渲染文本(这是渲染未知元素的典型代码)。以下是测试的浏览器,粗体中的项目指示哪些浏览器应用特殊样式(在所有测试过的情况下,这表示黄色背景)<< 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




    • 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




    • IE 6.0(Windows XP)

    • <1 i> 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 / 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)

        Test code:

        <!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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆