<meta> 标签内的信息不会显示在页面中,定义<meta> 标签的主要目的是因为它对机器是可读的。<meta> 标签有很多功能,它可以定义文档中的关键字,也可以对文档进行描述,还可以配合自身的属性设置网页的过期时间等等。当我们定义了页面的关键字或者描述信息后,搜索引擎蜘蛛(也就是常说的网络爬虫)就可以利用它们来搜索这个页面的信息。
下面来看一下 <meta> 标签的常用属性:
常用属性值 | 说明 |
---|---|
keywords |
用来定义网页的关键字。关键字可以是多个,之间需要用英文逗号, 隔开。 |
description | 用来定义网页的描述。 |
author | 用来定义网页的作者。 |
copyright | 用来定义网页的版权信息。 |
<meta name="keywords" content="<head>标签描述">
<meta name="description" content="这篇文章主要对<head>标签进行详细讲解">
<meta name="author" content="author">
<meta name="copyright" content="本站所有教程均为原创,版权所有,禁止转载。否则将追究法律责任。">
常用属性值 | 说明 |
---|---|
ISO-8859-1 | 表示网页的默认编码格式。 |
UTF-8 | 表示万国码,是目前最常用的编码格式。 |
gb2312 | 表示国际汉字码,不包含繁体。 |
gbk | 表示国家标准扩展版。增加了繁体,包含所有亚洲字符集。 |
<head> <meta charset="UTF-8"> <meta charset="gb2312"> <meta charset="ISO-8859-1"> <meta charset="gbk"> </head>
以上为语法演示,在使用时根据需求,只使用其中一个即可。
常用属性值 | 说明 |
---|---|
expires | 设置网页的过期时间。 |
refresh | 设置网页自动刷新的时间间隔,单位是秒。 |
content-type | 定义文件的类型,用来告诉浏览器该以什么格式和编码来解析此文件。 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="content-type" content="text/html"> <meta http-equiv="expires" content="Dec 20 2090"> <meta http-equiv="refresh" content="1000"> <title>Document</title> </head> <body> </body> </html>上面使用了 <meta> 的几个常用属性,我们来看一下:
我们可以看出,http-equiv 属性和 name 属性一般与 content 属性配合使用,有点类似固定搭配。以上只是 <meta> 标签常用的属性,实际上它的属性远远不止这些,但是到目前为止,我们只需会用上面讲过的这几个属性即可。
常用属性值 | 说明 |
---|---|
text/html | 表示该文档是 HTML 格式的文档。 |
text/plain | 表示该文档是纯文本格式的文档。 |
text/xml | 表示该文档是 XML 格式的文档。 |
image/gif | 表示该文档是 gif 图片格式的文档。 |
image/jpeg | 表示该文档是 jpg 图片格式的文档。 |
image/png | 表示该文档是 png 图片格式的文档。 |
本文链接:http://task.lmcjl.com/news/18913.html