首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html5新元素(header,nav,footer,..)在IE中不起作用

在IE浏览器中,HTML5的新元素(如header、nav、footer等)不起作用。这主要是因为IE浏览器不支持HTML5的某些特性,导致这些元素无法正确显示。因此,为了确保这些元素能够在IE浏览器中正常显示,我们需要使用一些技巧或兼容性的解决方案。

一种解决方案是使用Polyfill,它是一个JavaScript库,用于在浏览器中添加缺少的HTML5元素和特性。通过使用Polyfill,我们可以确保这些元素在IE浏览器中能够正常显示。

另一种解决方案是使用JavaScript代码来检测用户的浏览器类型,并针对不同的浏览器类型加载不同的HTML5元素。这种方法可以确保在IE浏览器中显示的HTML5元素与在其它现代浏览器中显示的HTML5元素一致。

总之,为了在IE浏览器中正确显示HTML5的新元素,我们需要使用一些技巧或兼容性的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HTML5基本标签使用header,nav和footer

大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分,如下: #...在新的HTML5标准中,我们定义了一系列的标签,帮助你更语义化的定义页面层次和逻辑,你不需要自己定义相关的DIV,HTML5提供了现成的标签来完成上述的结构化定义,如下: header>header...在今天的这篇文章中,我们将介绍相关的基本HTML5标签Header,nav和footer。...header标签 在新的标准中header标签定义如下: ​"A group of introductory or navigational aids.”​...这里header标签的使用并不是页面的页头,而是文章的页头。 所以在HTML5中,header的使用更加灵活,你可以根据你的需要来定义和组织document结构。

30310

html5新特性-header,nav,footer,aside,article,section等各元素的详解

Html5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素四大类。...---- 下面是对各标签的详解,section、header、footer、nav、article、aside、figure、code、dialog、meter、time、progress、video...、audio、details、atagrid、menu、command的 介绍 结构性元素主要负责web上下文结构的定义 :在 web 页面应用中,该元素也可以用于区域的章节描述。...header>:页面主体上的头部, header 元素往往在一对 body 元素中。 footer>:页面的底部(页脚),通常会标出网站的相关信息。...nav>:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。 :用于表现一篇文章的主体内容,一般为文字集中显示的区域。

2K20
  • HTML5_自己写的第一个html5页面

    75 76 ◆ footer> 77 78 Footer的含义也非常清楚,它可以用在section中,也可以用于一个页面的底部。...我们可以把My Article打包到header标记中。另外请注意,我们可以在article元素下再增加一个footer元素,用来容纳如翻页导航,相关文章或其它内容。...113 114 新标记的样式 115 116 在大多数浏览器中,你只需要如往常一样对元素使用样式,但是请一定要对每个元素加上display:block;规则,随着时间的推移,浏览器对HTML 5新元素的支持越来越标准后...,使用createElement方法就可以让IE支持HTML 5标记的样式了,你可以在HTML 5文件的头部包括这段代码,也可以保存到一个独立文件中,然后进行引用。...在HTML 5中无需指定了,在HTML 5中,所有的脚本都假设是type="text/javascript",因此不必再多此一举了。

    76021

    WordPress主题修改之Html5语义化

    刚才用Html5标签把主题给修改了一下,预览地址可以看这里:http://scorpio.sinaapp.com 不明白为什么在IE6下面会严重变形。...对于很多现代浏览器,基本上支持Html5的很多属性了,但对于IE9以下的版本,就添加如下两段代码即可: /* html5 Tags */ header,nav,article,section,aside...,footer,figure{display:block} 12 /* html5 Tags */header,nav,article,section,aside,footer,figure{display...nav> 标签定义 导航链接 的部分。 标签定义文档中的节( section、区段 )。比如章节、页眉、页脚或文档中的其他部分。 标签定义日期或时间,或者两者。...在常用布局里面,多用到 header> nav> footer>。 后面三个都比较好理解,意义明确。

    84000

    【专业文章】六种常见的HTML5写法误用(一)

    在XHTML或者HTML4中,我们常看到这样的代码: Footer content --> 而现在在HTML5中,会是这样: 三、不要把所有列表式的链接放在nav里 随着HTML5引入了 30个新元素(截止到原文发布时),我们在构造语义化和结构化的标签时的选择也变得有些不慎重。...注意:不是所有页面上的链接都需要放在nav元素中——这个元素本意是用作主要的导航区块。举个具体的例子,在footer中经常会有众多的链接, 比如服 务条款,主页,版权声明页等等。...>中: 分页控制 社交链接(虽然有些社交链接也是主要导航,比如“关于”“收藏”) 博客文章的标签 博客文章的分类 三级导航 过长的footer 如果你不确定是否要将一系列的链接放在nav中,问你自己:“

    94850

    前端常见的6种HTML5错误用法

    关于更多的例子和解释,请参阅相关文章 三、不要把所有列表式的链接放在nav里 随着HTML5引入了30个新元素(截止到原文发布时),我们在构造语义化和结构化的标签时的选择也变得有些不慎重...注意:不是所有页面上的链接都需要放在nav元素中——这个元素本意是用作主要的导航区块。举个具体的例子,在footer中经常会有众多的链接,比如服 务条款,主页,版权声明页等等。...>中: 分页控制 社交链接(虽然有些社交链接也是主要导航,比如“关于”“收藏”) 博客文章的标签 博客文章的分类 三级导航 过长的footer 如果你不确定是否要将一系列的链接放在nav中,问你自己:“...在HTML5中,script和style元素不再需要type属性。然而这些很可能会被你的CMS自动加上,所以要移除也不是那么的轻松。...Mark Pilgrim在Dive into HTML5的语义化一章中作出了解释。

    59310

    给萌新HTML5 入门指南

    • 更好的语义化标签 结构元素:article、aside、header、hgroup、footer、figure、section、nav。...一些语义化标签如section、nav在使用时和传统div并无大的区别,但这种标签更有利于搜索引擎的索引整理,利于智能手机、Pad等小屏设备适配,以及方便残障人士使用。...以上便是一些常用的HTML5新增的一些特性,接下来,我们一起看一看在HTML5在页面布局方面有什么变化吧。...这样的布局方式存在一些问题,就是当header、footer高度发生变化后,需要重新设置container高度,另外如果container中并列元素较多时,浮动难以控制。...和footer之外剩余空间 container内部依旧flex布局,designerMain 设置 flex 1,自动充满aside剩余空间 Flex兼容性注意事项: l IE9不支持FLEX,建议IE11

    1.3K41

    HTML5设计原理(中)

    这些新元素涉及头部(header)、脚部(footer)、分区(section)、文章(article)……,相信大家都不会觉得陌生。...header> nav>...nav> ... ... footer>......这四个新元素:section、article、aside和nav,之所以说它们强大,原因在于它们代表了一种新的内容模型,一种HTML中前所未有的内容模型——给内容分区。...这几个元素,header、footer、aside、nav,最重要的是它们的语义;跟位置没有关系。一想到footer这个词,我们总会不由自主地想,“噢,应该放在下面。”...在HTML5中,只要你建立一个新的内容块,不管用section、article、aside、nav,还是别的元素,都可以在其中使用H1,而不必担心这个块里的标题在整个页面中应该排在什么级别;H2、H3,

    1.7K10
    领券