• 技术文章 >web前端 >html教程

    HTML5 浏览器支持

    (*-*)浩(*-*)浩2019-10-23 15:47:35原创934
    您可以帮助老版本浏览器处理 HTML5。

    HTML5 浏览器支持

    所有现代浏览器都支持 HTML5。 (推荐学习:html教程)

    此外,所有浏览器,不论新旧,都会自动把未识别元素当做行内元素来处理。

    正因如此,您可以帮助老式浏览器处理”未知的“ HTML 元素。

    注:您甚至可以教授石器时代的 IE6 如何处理未知的 HTML 元素。

    把 HTML5 元素定义为块级元素

    HTML5 定义了八个新的语义 HTML 元素。所有都是块级元素。

    您可以把 CSS display 属性设置为 block,以确保老式浏览器中正确的行为:

    实例

    header, section, footer, aside, nav, main, article, figure {
        display: block; 
    }

    向 HTML 添加新元素

    您可以通过浏览器 trick 向 HTML 添加任何新元素:

    本例向 HTML 添加了一个名为 <myHero> 的新元素,并为其定义 display 样式:

    实例

    <!DOCTYPE html>
    <html>
    <head>
      <title>Creating an HTML Element</title>
      <script>document.createElement("myHero")</script>
      <style>
      myHero {
        display: block;
        background-color: #ddd;
        padding: 50px;
        font-size: 30px;
      } 
      </style> 
    </head>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    <myHero>My First Hero</myHero>
    </body>
    </html>

    以上就是HTML5 浏览器支持的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML5
    上一篇:什么是 HTML5? 下一篇:HTML5 Canvas
    PHP编程就业班

    相关文章推荐

    • html5布局之路怎么样• html5动画有什么用?• wordpress可以用html5吗• php语言和HTML5有什么区别?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网