Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

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
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492834 spielt ab