电商二十六、meta http-equiv="X-UA-Compatible" content="IE=edge"以及bootstrap失效原因分析

最新推荐文章于 2023-04-11 18:45:12 发布
最新推荐文章于 2023-04-11 18:45:12 发布
阅读量799 收藏 2
点赞数
分类专栏： 电商-------基于ssm框架大型分布式电商系统开发 文章标签： 电商二十六、meta http-equiv="X-UA-Co
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbh19630726/article/details/99449929
版权

①<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta http-equiv="X-UA-Compatible" content="IE=edge">表示：让该xxxx.html文件以最高版本的IE浏览器渲染。如：你的电脑装有IE6、7、8、9、10、11则会以IE11的渲染方式渲染该html文件。edge：边缘的意思。

②<meta http-equiv="X-UA-Compatible" content="IE=7">

<meta http-equiv="X-UA-Compatible" content="IE=7">表示：让该xxxx.html文件以IE7浏览器的方式渲染。如：你的电脑装有IE6、7、8、9、10、11则会以IE7的渲染方式渲染该html文件。

③注！jquery-2.0以上版本不再支持IE 6/7/8（并不是最新的版本就最好的，而是根据您项目需求所适合的jQuery版本），jQuery-2.0以上版本支持IE9及以上版本。如果jQuery失效，则bootstrap也失效。

新建文件夹jQuerybootstrapdemo

新建文件brand.html

内容为：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>品牌管理</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="AdminLTE.css">
    <link rel="stylesheet" href="_all-skins.min.css">
    <link rel="stylesheet" href="style.css">
	<script src="jquery-2.2.3.min.js"></script>
    <script src="bootstrap.min.js"></script>

    
</head>
<body class="hold-transition skin-red sidebar-mini">
  <!-- .box-body -->
                    <div class="box-header with-border">
                        <h3 class="box-title">品牌管理</h3>
                    </div>
最低0.47元/天 解锁文章
详见附件
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE=edge,chrome=1的META信息详解
01-19
这几天在玩 HTML5 ★ Boilerplate，注意到meta信息中有这么一句： 复制代码代码如下: <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> 但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了? 迅速搜索了一下，才明白原来不是微软增强了IE，而是谷歌做了个外挂：Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7
meta http-equiv=”X-UA-Compatible” content=”IE=7″ 意思是将IE8用IE7进行渲染
12-07
`<meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot;>` 这一行代码是针对Internet Explorer 8（IE8）浏览器的一个特定设置，它的作用是强制IE8以Internet Explorer 7（IE7）的标准模式来渲染网页内容。在IE8之前，...
meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" 的意义
菜菜的博客
04-20 931
< meta http-equiv = “X-UA-Compatible” content = “IE=edge,chrome=1” />的意义 X-UA-Compatible是神马？ X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。 <meta http-equiv="X-...
jsp自适应设备屏幕
sinat_29571715的博客
07-13 2156
在header中加入以下标签： width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放
meta标签 meta http-equiv = “X-UA-Compatible“ content = “IE=edge,chrome=1“ /＞释疑
weixin_45734905的博客
04-11 1713
在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。很多小伙伴们在刚刚学习前端html时，只会照搬，而忽略了为什么要写这句代码，他起着什么作用深深的困扰着我们。使用下面这段代码之后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6，IE7下的表现就可以了。以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。结合各位前辈们的讲解，我得到了一些总结，
HTML标签meta总结,HTML5 head meta属性整理
06-13 372
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <...
可以解决缓存问题 Meta http-equiv属性与HTTP头的Expires中（Cache-control）详解
qq_45668489的博客
03-03 1201
一、概述 A、http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 B、Cache-control用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了Pragma: no-cache） 二、基本内容 meat标签的http-equ...
meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; 意思是将IE8用IE7进行渲染
09-25
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content=&quot;IE=7&quot;在无论页面是否包含!DOCTYPE指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content=&quot;IE=...
x-ua-compatible content=”IE=7, IE=9″意思理解
09-28
<meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=7&quot; /> <![endif]--> <!--[if IE 9]> <meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=9&quot; /> <![endif]--> ``` 这些条件注释是 IE 特有的，只有 IE 浏览器会解析...
meta标签介绍
qq_45027242的博客
12-08 196
meta标签介绍 可能不太完美,希望予以补充 <meta charset="UTF-8"> //<meta 字符集=”UTF-8”>除UTF-8之外还有GB2312 、ISO-8859-1、GBK 等。 name属性在这里插入代码片 Name主要用于描述网页,比如关键字,描述等.对应属性为content,content中的内容是name值的具体描述,便于搜索引擎抓取,下...
html5中的meta标签用法详解
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
02-21 3140
移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。html5中的meta标签主要用于描述网页的元数据，它可以用于描述网页的标题、关键词、描述、作者、版权等信息，还可以用于设置网页的字符集、设置网页的刷新时间、设置网页的跳转页面等。
HTML编码问题导致的乱码
Alex
09-01 1330
今天一个学弟问了一个问题，它写的HTML代码打开显示的是乱码。 然后就给我发来了代码。 就一个HTML文件和一个文件夹，打开一看，很简单的代码。 <!DOCTYPE html> <html lang=""> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
meta标签 meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />解析
水机.Threeki
07-27 6293
  在练习css3动画特效时遇见如下代码 &lt; meta http-equiv = &quot;X-UA-Compatible&quot; content = &quot;IE=edge,chrome=1&quot; /&gt;  逛了逛前辈们的博客园，把对于该代码的解析做了总结：   常用的例子： &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot;&gt; //
meta标签
misswll的博客
03-14 254
留着自己用（转载的）&lt;meta charset=&quot;utf-8&quot;&gt; &lt;!-- 设置文档字符编码 --&gt;&lt;meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=edge&quot;&gt;&lt;!-- 告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。 --&gt;&lt;meta name=&quot;
HTML学习笔记02
weixin_41225951的博客
01-15 202
title: HTML02 date: 2022-01-14 14:47:04 tags: HTML HTML工具 vscode使用 ！+tab即可生成html全框架 配置liveServer 插件liveServer，可以随时更新看到上线效果 自动保存设置 文件->首选项->设置->常用设置 简单输入标签 p+tab-><p></p> HTML语法 实体 网页中编写的多个空格默认情况下会被浏览器解析为一个空格。 一些情况不能直接写：比如连续空格或.
关于 < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
热门推荐
ccfxue的博客
04-25 2万+
本文转载自http://blog.csdn.net/abxn2002/article/details/7312459 http://www.cnblogs.com/diligenceday/p/3894557.html  meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 介绍
html的meta标签大全
QingHan_wow的博客
01-29 239
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta name="apple-mobile-web-app-titl...
HTML中的meta标签及其属性
EGeek
08-19 4468
个人博客:造轮小狐 &lt;meta&gt;简介 &lt;meta&gt;标签提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。&lt;meta&gt;标签位于文档的头部，不包含任何内容。&lt;meta&gt;标签的属性定义了与文档相关联的名称和值对。   相关属性 charset &lt;meta charset=&quot;utf...
<meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; />
最新发布
05-31
`<meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; />` 这段代码是用来告诉 Internet Explorer 浏览器使用最新的渲染方式，以保证网页在 IE 浏览器中的兼容性。 `http-equiv` 属性用于设置 HTTP 头部信息，`content` 属性用于设置具体的参数值。在这里，`http-equiv` 属性的值是 `&quot;X-UA-Compatible&quot;`，表示设置了 IE 的兼容模式；`content` 属性的值是 `&quot;IE=edge&quot;`，表示使用 IE 的最新版本进行渲染。 这段代码一般放在 HTML 文件头部的 `<head>` 元素中，它可以确保网页在 IE 浏览器中得到正确的渲染效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值