首页前端开发JavaScriptHTML5 浏览器支持

HTML5 浏览器支持

时间2024-01-29 06:30:03发布访客分类JavaScript浏览948
导读:收集整理的这篇文章主要介绍了HTML5 浏览器支持,觉得挺不错的,现在分享给大家,也给大家做个参考。您可以帮助老版本浏览器处理 HTML5。HTML5 浏览器支持所有现代浏览器都支持 HTML5。 (推荐学习:html教程 此外,所有浏...
收集整理的这篇文章主要介绍了HTML5 浏览器支持,觉得挺不错的,现在分享给大家,也给大家做个参考。您可以帮助老版本浏览器处理 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 浏览器支持的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: HTML5 Canvas下一篇:什么是 HTML5?猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: HTML5 浏览器支持
本文地址: https://pptw.com/jishu/590722.html
html表格标签 HTML5 Canvas

游客 回复需填写必要信息