示例用法css
<!DOCTYPE html> <!--[if lt IE 7]><html class="ie6"><![endif]--> <!--[if IE 7]><html class="ie7"><![endif]--> <!--[if IE 8]><html class="ie8"><![endif]--> <!--[if IE 9]><html class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="w3c"> <!--<![endif]--> <head> <meta charset="utf-8" /> <title>tinyCss--my css study tidy</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta name="format-detection" content="telephone=no" /> <meta content="my css study tidy" name="description" /> <meta content="css,tidy" name="keywords" /> <meta content="index,follow" name="robots" /> <meta content="tinycss" name="application-name" /> <meta content="no-cache" http-equiv="Cache-Control" /> <meta content="-1" http-equiv="Expires" /> </head> <body></body> </html>
提示一:html
viewport, 當你的頁面有寬度時,好比寬度爲1000px,設定width=1000, 兼容性會更好些。瀏覽器
提示二:緩存
X-UA-Compatible, 此屬性僅爲ie8瀏覽器識別,讓ie8用ie7的模式渲染是一種常見的應用;這樣:content="IE=7";不用這個meta會是比較好的建議,由於畢竟ie8...。服務器
提示三:app
Expires:文檔過時時間,過了這個時間就須要從服務器重新請求,而不能夠用緩存;content="-1"理論上是禁用緩存的。ui