HTML基础教程之<meta>标签
<meta>的主要作用，是提供网页的元信息。比如：指定网页的搜索关键字。
<meta>标记有两个属性：http-equiv和name。
http-equiv属性
功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。
http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。
（1）设置网页的字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
这个我们在前面的例子中已经接触过很多次了
（2）网页自动刷新
<meta http-equiv="refresh" content="2"> //每隔2秒钟，自动刷新网页一次
<meta http-equiv="refresh" content="2;url=http://www.baidu.com"> //2秒钟后，跳转到百度
来看个实例
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>
name属性
name属性主要用于设置网页的搜索关键字、版权信息、作者等。
来看一个网站的搜索结果
（1）第一部分为设置网页搜索关键字
<meta name="keywords" content="小猪cms,pigcms,微信公众平台源码,微信分销,微信开发,微信o2o源码..." />
（2）第二部分为设置网页描述信息
<meta name="description" content="小猪cms是国家高新技术企业,双软认证企业,资深微信开发专家,提供微信营销系统,o2o系统,微信分销,微信应用号源码程序,公司客户遍布世界各地”>
下一节<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="refresh" content="2;url=http://www.baidu.com">
</head>
<body>
<h1>欢迎加入php.cn</h1>
<h2>希望你能够在这里学的开心</h2>
</body>
</html>
