网站地图
  • 网站首页
  • 推荐模板
  • 免费建站
  • 菜鸟站长
  • 建站素材
  • 免费源码
  • 源码入门
  • HTML5浏览器支持-HTML5浏览器支持-将HTML5元素定义为块元素

    发布时间: 2022-03-26 16:08首页:a5源码 > 免费建站 > HTML入门 > 阅读()

    HTML5 浏览器支持

    你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。

    HTML5 浏览器支持

    现代的浏览器都支持 HTML5。

    除此之外,所有浏览器,包含旧的和最新的,对没办法辨别的元素会作为内联元素自动处置。

    正由于这样,你可以 "教会" 浏览器处置 "未知" 的 HTML 元素。

    甚至你可以教会 IE6 浏览器处置未知的 HTML 元素。

    将 HTML5 元素概念为块元素

    HTML5 定了 8 个新的 HTML 语义(百度竞价推广antic)元素。所有这类元素都是块级 元素。

    为了能让旧版本的浏览器正确显示这类元素,你可以设置 CSS 的 display 属性值为 block:

    实例

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


    为 HTML 添加新元素

    你可以为 HTML 添加新的元素。

    该实例向 HTML 添加的新的元素,并为该元素概念样式,元素名为 <myHero> :

    实例

    <!DOCTYPE html><html><head><meta charset="utf-8"> <title>为 HTML 添加新元素</title><script>

    document.createElement

    </script><style>

    myHero {display: block;background-color: #ddd;padding: 50px;font-size: 30px;}

    </style> </head> <body> <h3>我的第一个标题</h3> <p>我的第一个段落。</p> <myHero>我的第一个新元素</myHero> </body></html>


    试试看看 »

    JavaScript 语句 document.createElement 是为 IE 浏览器添加新的元素。

    Internet Explorer 浏览器问题

    你可以用以上的办法来为 IE 浏览器添加 HTML5 元素,但:

    Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方法。

    大家可以用 Sjoerd Visscher 创建的"HTML5 Enabling JavaScript", " shiv" 来解决该问题:

    <!--[if lt IE 9]>
      <script src="http://html5shiv.谷歌code.com/svn/trunk/html5.js"></script>
    <![endif]-->

    以上代码是一个注释,用途是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并分析它。

    注意:国内用户请用本站静态资源库(Google 资源库在国内不稳定):

    <!--[if lt IE 9]>
      <script src="/uploads/allimg/220326/1611361539-1.jpg"></script>
    <![endif]-->

    针对IE浏览器html5shiv 是最好的解决方法。html5shiv主要解决HTML5提出的新的元素不被IE6-8辨别,这类新元素不可以作为父节点包裹子元素,并且不可以应用CSS样式。

    完美的 Shiv 解决方法

    实例

    <!DOCTYPE html><html><head><meta charset="utf-8"><title>渲染 HTML5</title><!--[if lt IE 9]><script src="/uploads/allimg/220326/1611361539-1.jpg"></script><![endif]--></head> <body> <h3>我的第一篇文章</h3> <article>新手课程 —— 学的不止是技术,更是梦想!!!</article> </body></html>


    试试看看 »

    html5shiv.js 引用代码需要放在<head> 元素中,由于 IE 浏览器在分析 HTML5 新元素时需要先加载该文件。

    特别声明:文章内容仅供参考,不造成任何投资建议。投资者据此操作,风险自担。

    网站首页 - 推荐模板 - 免费建站 - 菜鸟站长 - 建站素材 - 免费源码 - 源码入门

    未经本站书面特别授权,请勿转载或建立镜像

    Copyright © 2002-2021 a5源码 (http://www.sdsfygt.com) 网站地图 TAG标签