HTML 简记

75 阅读1分钟
1. http-equiv="X-UA-Compatible"

X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的(大小写不敏感),这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说,它是首选的兼容性模式。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

如果安装了GCF(Google Chrome Frame),则使用GCF来渲染页面,如果未安装GCF,则使用最高版本的IE内核进行渲染。

2. meta

meta

元数据信息

  • name 属性:meta 元素提供的是文档级别(document-level)的元数据,应用于整个页面。
  • http-equiv 属性:meta 元素则是编译指令,提供的信息与类似命名的 HTTP 头部相同。
  • charset 属性:meta 元素是一个字符集声明,告诉文档使用哪种字符编码。例:utf-8
  • itemprop 属性:meta 元素提供用户定义的元数据。
  • content 属性:包含 http-equiv 或 name 属性的值,具体取决于所使用的值
3. iframe跨域通信

# iframe跨域通信

// iframe
iframeOnLoad : function(iframe) {
    iframe.contentWindow.postMessage("hideSaveButton", "*");
}

// 被调用的页面
window.addEventListener('message', function(e) {
    if (e.data == 'hideSaveButton') { 
    
    }
})