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系统,微信分销,微信应用号源码程序,公司客户遍布世界各地”>