今天分享下”html前端小课堂:浅析meta使用“这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。
复制代码
代码如下:
<!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="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<p> http://www.qlyl1688.com </p>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<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>
[code]
提示一:
viewport, 例如,当你的页面有宽度时,宽度是1000px,设定width=1000, 兼容性会更好。
提示二:
X-UA-Compatible, 这个属性只有ie8浏览器识别,让ie8用ie7模式渲染是一种常见的应用;这样:content=“IE=7”;不用这个meta因为毕竟i,这将是一个更好的建议e8…。
提示三:
Expires:文档过期时间,这个时间过后需要从服务器再请求,而不是缓存;content="-1"理论上禁止缓存。
以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助,如果大家有任何疑问请在脚本之家留言,如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!