HTML_head标签中META,IF IE 及 IFrame 中的页面的兼容性相关问题

meta中常用的标签:

‍<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- 设置页面编码 -->
<meta http-equiv="Content-Language" content="zh-CN" /><!--设置页面语言 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><!-- 强制使用IE7模式渲染 -->

<!-- 在IE使用时,强制使用当前IE浏览器的最新版本模式渲染,在非IE使用时,强制使用Chrome的模式渲染 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="Cache-Control" content="no-siteapp" /><!-- Baidu:禁止百度生成转码后的手机站 -->

<meta http-equiv="refresh" content="5;URL=http://www.baidu.com" /><!-- 5秒后自动刷新指向新页面 -->
<meta http-equiv="Cache-Control" content="no-cache" /><!-- 禁止浏览器从本地计算机的缓存中访问页面内容 -->
<meta name="keywords" content="keywords01,keywords02"><!-- 向搜索引擎说明你的网页的关键词 -->
<meta name="description" content="this is my web description."><!-- 告诉搜索引擎你的站点的主要内容 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!--Mobile:默认设备宽度,初始大小1,最大尺寸1,禁止缩放 --> 
<meta name="renderer" content="webkit" /><!-- 360:默认采用高速模式 -->

IE 版本识别:

<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if !IE]> 除IE外都可识别 <![endif]--> 
<!--[if IE 8]> 仅IE8可识别 <![endif]--> 
<!--[if lt IE 9]> IE9以下版本可识别 <![endif]--> 
<!--[if gt IE 6]> IE6以上版本可识别 <![endif]--> 
<!--[if lte IE 8]> IE8及IE8以下版本可识别 <![endif]--> 
<!--[if gte IE 9]> IE9及IE9以上版本可识别 <![endif]-->

IFrame渲染模式:

IFrame是直接使用被嵌入的网页的渲染模式,不受IFrame里的强制渲染模式所控制。

eg:

A网页通过Iframe嵌入了B网页,A网页使用了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,B网页使用了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />,实际运行时,A,B网页都使用的IE7的模式进行渲染。

时间: 2024-10-13 14:33:49

HTML_head标签中META,IF IE 及 IFrame 中的页面的兼容性相关问题的相关文章

Java中通过Selenium WebDriver定位iframe中的元素

问题:有一些元素,无论是通过id或是xpath等等,怎么都定位不到. 分析:这很可能是因为你要定位的元素被嵌套在了当前页面的一个iframe元素中,Selenium对iframe中的元素有特殊的定位规则,WebDriver不能够直接进行定位. 解决办法:我们要把这个iframe元素找出来,让WebDriver转移到这个iframe元素上,之后再让WebDriver对iframe中的元素进行定位. 因为最近在用Java来做一些东西,所以就顺便说一下Selenium在Java环境下的使用,总共分三步

js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)

第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div =_

iframe调用父页面js函数 方法 元素

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中   src属性传参 <iframe src="test.jsp?id=xxx">    通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素 在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素 三.iframe调用父页面函数  windo

HTML中&lt;meta&gt;标签的使用

HTML中<meta>标签的使用 <meta>标签基本介绍 <meta>标签是HTML网页源代码中一个重要的html标签.META便签用来描述一个HTML网页文档的属性,例如作者.日期.关键词.页面刷新.除此之外<meta>标签用于搜索引擎优化(SEO).它位于HTML文档中<head>元素内,虽然它提供的信息不可见,但它却是文档最基本的元信息. <meta>标签的属性列举 <meta>标签中属性可以分为必选属性和可选的属

HTML中meta标签作用及属性总结

在前端开发中编写html静态网页模板时,head标签内总是会带上许多meta标签,大多数时候并不十分了解这些标签的具体作用,只是别人写了我们也写上吧! 今天小编特意查询了一下关于网页中meta标签的作用. meta是head区的一个辅助性标签.其主要作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签共有两个属性,它们分别是http-equiv属性和name属性. 1.http-equ

HTML中&lt;meta&gt;标签如何正确使用

如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素.对于网页而言,<meta>元素是必不可少的.我们在创建一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来规定解析文档的字符类型.那么,它还有哪些作用呢?下面,我将一探究竟!我会通过下面几个部分来讲解,如果你希望直接看后面部分的内容,可以直接点击下面的

HTML中META标签一些用法

你的个人网站做得再精彩,在如此庞大的网络空间,被人发现实属不易.那么如何推广个人网站,人们一般会这样做: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性! META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以

在iframe中关闭/删除iframe标签

在iframe的父页面中定义函数: function closeIFrame(){ console.log("关闭子页面"); $('#youriframeid').remove(); } 然后在iframe标签调用 parent.closeIFrame();

html标签中meta设置文档模式兼容性中的顺序

最近测试发现一个bug,是近期项目在360极速兼容模式下的文档模式失效导致页面布局混乱,angualarJS中的字段也并未显示. 查了很多原因例如设置meta,更改http-equiv或者render都没有解决,但是在一个月前这个页面时好的. 于是查找了一下代码,觉得可能是最近加入的代码造成了影响,发现同事最近在head上加入了一个script标签,里边是第三方统计代码. 把script标签移到了head下,测试,页面恢复正常. 所以,在页面渲染时,从上到下,各种标签的顺序也有可能对页面造成影响