完美解决IE低版本语义化标签不兼容的方案

在head标签中加入，解决语义化标签如nav, header等在IE不能被识别的情况。

<!--[if lte IE 8]>
    <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->

这里只能被ie浏览器（小于等于ie8）识别，因此避免了在高版本浏览器（例如谷歌浏览器中）被多余的加载。

原文地址：https://www.cnblogs.com/tingbao/p/11261562.html

时间： 2024-08-28 23:43:41

完美解决IE低版本语义化标签不兼容的方案的相关文章

HTML5中新增的语义化标签，及在IE5.5~9（IE9已经开始支持部分HTML5新标签了）支持这些新标签的兼容性处理。

一.前言本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main 三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签

HTML5语义化标签总结

1.语义化标签总结基础布局标签 <header></header> <nav></nav> <main></main> <aside></aside> <article></article> <footer></footer> 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作: 如果在sublime,或者WebStrom使用可是使

html新的语义化标签和表单控件

语义化标签 1 <!DOCTYPE html> 2 <html> 3 <head lang="zh-cn"> 4 <meta charset="UTF-8"> 5 <title>新增的语义化标签</title> 6 </head> 7 <body> 8 <header>页面头部或某个板块的头部</header> 9 <footer>页面

语义化标签的实战意义

我收集到一些观点,大家姑且先听上一听,有人说:“没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些”“语义化是w3c推广的,我是很想语义化我的代码,但总是用不明白”“这个不好说,语义化再好有啥用,关键是有好的项目,客户才是金主!”“除了专业人士,谁会去看我们的代码是不是语义化的” 不仅仅有页面重构人员的声音,也听一听工程师.设计师.还有项目管理人员,他们是怎么看“语义化”这件事的 Php工程师:“无所谓什么语义化,只要逻辑正确,不影响我循环数据”项目管理人员:“我更看

html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标

HTML5之语义化标签

在HTML5之前采用HTML+CSS文档结构写法: ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域) class选择器说明 class类选择器——可以应用于页面任意多个元素,非常适合标识内容类型或其他相似的条目. 代码: <body> <div id="header">...</div> <div id="nav">...

前端面试题-HTML语义化标签

一.HTML5语义化标签标签描述 <article> 页面独立的内容区域. <aside> 页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置. <command> 命令按钮,比如单选按钮.复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 对话框,比如提示框 <summary> 标签包含 details 元素的标题 <figure> 规定独

H5新特性之语义化标签

二月底,疫情仍未过去,在家逆战学习. 说道H5新特性的语义化标签,就不得不先简单说一下它的发展史,兼容和一些语法问题. H5在经过多达近百项的修改,包括HTML和XHTML的标签,相关的API,Canvas等,性能得到进一步提升. H5仅仅是新增添了一些内容并优化了它们,而不是全盘否定之前的旧的内容.支持Html5 的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari, Opera等以及一些国内浏览器. 对于H5语法变化不大,文件的扩展名是不变

H5新特性·语义化标签

所谓[语义化],便是[见名知意]! 在笔者基础阶段学习搭建页面结构的过程中,常常使用div划分页面结构,通过给div命名才能大概知晓每个模块的功能: 而H5语义化标签的出现与补充,解决了困扰笔者的这一问题:使得页面结构的搭建,不再复杂,每个版块的功能都清晰可见>>>(*^▽^*) 下面就让我们一起看看,新添加了哪些强大的语义化标签吧!!! [借鉴出处]http://caibaojian.com/html5/ele.html 笔者也亲自验证了一部分,如下图: ①[局部]time标签的使用,