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属性主要用于设置网页的搜索关键字、版权信息、作者等。

来看一个网站的搜索结果

9.png

(1)第一部分为设置网页搜索关键字

<meta name="keywords" content="小猪cms,pigcms,微信公众平台源码,微信分销,微信开发,微信o2o源码..." />

(2)第二部分为设置网页描述信息

<meta name="description" content="小猪cms是国家高新技术企业,双软认证企业,资深微信开发专家,提供微信营销系统,o2o系统,微信分销,微信应用号源码程序,公司客户遍布世界各地”>

Weiter lernen
||
<!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>
einreichenCode zurücksetzen