html 中 meta 标签

meta标签用来在html文档中模拟http协议相应头报文,在之前写html中接触到一个meta标签,在html感觉这东西还是挺有用的,因此在网上翻阅了一些资料,最后在一哥们的gitgists中找到一些完整的代码,原文的地址是:https://gist.github.com/Jimco/9524062先将其代码copy下来留以后用:

<!DOCTYPEhtml><!--HTML5doctype不区分大小写-->

<htmllang="zh-cmn-Hans-CN"><!--更加标准的lang属性写法http://zhi.hu/XyIa-->

<head>

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/><!--优先使用IE最新版本和Chrome-->

<metaname="renderer"content="webkit|ie-comp|ie-stand"><!--360浏览器内核控制-->

<!--

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

若页面需默认用极速核,增加标签:<metaname="renderer"content="webkit">

若页面需默认用ie兼容内核,增加标签:<metaname="renderer"content="ie-comp">

若页面需默认用ie标准内核,增加标签:<metaname="renderer"content="ie-stand">

-->

<!--width=device-width会导致iPhone5添加到主屏后以WebAPP全屏模式打开页面时出现黑边http://bigc.at/ios-webapp-viewport-meta.orz-->

<metaname="viewport"content="initial-scale=1.0,maximum-scale=3,minimum-scale=1,user-scalable=no">

<metaname="apple-mobile-web-app-title"content="标题"><!--添加到主屏时的标题-->

<metaname="apple-mobile-web-app-capable"content="yes"/><!--是否启用WebAPP全屏模式-->

<metaname="apple-mobile-web-app-status-bar-style"content="black-translucent"/><!--状态条颜色-->

<metaname="format-detection"content="telephone=no"/><!--屏蔽数字自动识别为电话号码-->

<!--iOS图标begin-->

<!--默认57x57像素-->

<linkrel="apple-touch-icon-precomposed"href="http://wanke.etao.com/assets/img/icon/57/apple-touch-icon-57x57-precomposed.png"/>

<!--iPad172x72像素-->

<linkrel="apple-touch-icon-precomposed"sizes="72x72"href="http://wanke.etao.com/assets/img/icon/72/apple-touch-icon-72x72-precomposed.png"/>

<!--iPhone4114x114像素-->

<linkrel="apple-touch-icon-precomposed"sizes="114x114"href="http://wanke.etao.com/assets/img/icon/114/apple-touch-icon-114x114-precomposed.png"/>

<!--iOS图标end-->

<metaname="msapplication-TileColor"content="#000"/><!--Windows8磁贴颜色-->

<metaname="msapplication-TileImage"content="icon.png"/><!--Windows8磁贴图标-->

<!--SEO优化-->

<metaname="description"content=""/><!--页面描述-->

<metaname="keywords"content=""/><!--页面关键词-->

<title>页面标题</title>

<!--iOS应用启动界面设置begin-->

<!--iPadLandscape–1024x748-->

<linkrel="apple-touch-startup-image"sizes="1024x748"href="img/splash-screen-1024x748.png"/>

<!--iPadPortrait–768x1004-->

<linkrel="apple-touch-startup-image"sizes="768x1004"href="img/splash-screen-768x1004.png"/>

<!--iPhone/iPodTouchPortrait–320x480(standardresolution)-->

<linkrel="apple-touch-startup-image"href="img/splash-screen-320x480.png"/>

<!--iPhone/iPodTouchPortrait–640x960pixels(high-resolution)-->

<linkrel="apple-touch-startup-image"sizes="640x960"href="img/splash-screen-640x960.png"/>

<!--iOS应用启动界面设置end-->

</head>

相关推荐