HTML的head标签里常用标签属性

dns-prefetch

DNS的的解析成本很高滴,往往导致了网站加载速度慢。现在浏览器针对这个问题开发了更智能的处理方式,它将域名缓存后,当用户点击其它页面地址后自动的获取。

例子:页面需要添加百度统计代码,可以在<head>标签里添加以下代码:

<link rel="dns-prefetch" href="//hm.baidu.com">

X-UA-Compatible

强制浏览器按照特定的版本标准进行渲染。360浏览器有两种模式,当在IE模式下,其文档模式会切换到IE7的模式,当在网页的<head>标签里添加以下代码的时候,其渲染就会按照当前系统的IE版本进行渲染.

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

viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0, 
user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<!-- `width=device-width` 会导致 iPhone 5
 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边  -->
  1. width:宽度(数值 / device-width)(范围从200 到10,000,默认为980 像素)
  2. height:高度(数值 / device-height)(范围从223 到10,000)
  3. initial-scale:初始的缩放比例 (范围从>0 到10)
  4. minimum-scale:允许用户缩放到的最小比例
  5. maximum-scale:允许用户缩放到的最大比例
  6. user-scalable:用户是否可以手动缩 (no,yes)
  7. minimal-ui:可以在页面加载时最小化上下状态栏。(已弃用)

app-mobile-web-app-title

<meta name="app=mobile-web-app-title" content="标题">

添加到主屏后的标题,应用于ios的Safari浏览器.

telephone=no

忽略数字自动识别为电话号码

<meta content="telephone=no" name="format-detection" /> 

apple-itunes-app

添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner

<meta name="apple-itunes-app" content="app-id=432274380" />

no-siteapp

<meta http-equiv="Cache-Control" content="no-siteapp" /> 

禁止百度Siteapp转码的策略,防止广告

html5shiv

html5shiv is an HTML5 JavaScript shim for IE to recognise and style the HTML5 elements.让IE识别HTML5标签

html5shiv

<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js">
</script><![endif]-->

你可能感兴趣的:(html5)