html meta可以为我们做很多的事情，但是对于html meta的使用方法就不是很多人知道了，那么接下来的内容中小编就为大家分享html meta的使用实例，感兴趣的朋友们可以来看看。
示例用法
复制代码
代码如下:
<!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” />
<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会是比较好的建议，因为毕竟ie8…。
提示三：
Expires：文档过期时间，过了这个时间就需要从服务器从新请求，而不可以用缓存；content=”-1″理论上是禁用缓存的。
上文就是html meta的使用实例，看完后是不是大家都了解了呢？感兴趣的小伙伴们可以参照小编的步骤进行操作！