一、头部语言设置:
1. 简体中文页面:html lang=zh-cmn-Hans
2. 繁体中文页面:html lang=zh-cmn-Hant
3. 英语页面:html lang=en
二、浏览器兼容性
1.<meta http-equiv="X-UA-Compatible" content="IE=edge">
- X-UA-Compatible:是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页
- content="IE=edge":告诉IE使用最新的引擎渲染网页
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。
三、<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
meta:是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据这些信息进行处理。 HTTP-EQUIV:类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。 content(内容类型):重要!!这个网页的格式是文本的,网页模式 charset(编码):特别重要!!!这个网页的编码是utf-8,中文编码,四、web app 关于meta标签
<meta name="format-detection" content="telephone=no" />//当该 HTML 页面在手机上浏览时,该标签用于指定是否将网 页内容中的手机号码显示为拨号的超链接。
<meta name="apple-mobile-web-app-capable" content="yes" /> //ios设备对meta定义的私有属性:网站开启对web app程序的支持
<meta name="apple-touch-fullscreen" content="yes" /> //"添加到主屏幕“后,全屏显示