每一个标签都有属性<html lang="en, zh"> </html>
属性是写在头标签里面的,格式是: 属性名 = “属性值”
常用的标签属性
lang
告诉搜索引擎爬虫,我们的的网站时关于什么内容的<html lang="en"></html>
en是English的缩写,这个意思就是告诉搜索引擎爬虫我的网站内容是关于英文的,zh就是表示中文的意思。更多lang属性的相关知识请点击
lang属性的说明
charset
设置浏览器的字符集 <meta charset="UTF-8">
content
content是 <meta>
标签的其中一个属性,用来定义与http-equiv或者name属性的相关元信息,其中的内容是为了便于搜索机器人查找信息和分类使用的。
name
name也是 <meta>
标签的其中一个属性,要和content属性配合使用。它的值及其功能如下表
属性值 | 作用 |
---|---|
keywords | 告诉浏览器你的网页关键字是什么 |
description | 告诉浏览器你的网页主要内容是什么 |
robot | 机器人向导:用于告诉机器人哪些页面需要索引,哪些不需要,属性值有all,none,index,noindex,follow,nofollow.默认为all all:文件将被检索,且页面上的链接可以被查询 none:文件将不被检索,且页面上的链接不可以被查询 index:文件将被检索 folow:页面上的链接可以被查询 noindex:文件不被检索,链接可以查询 nofollow:页面可以检索,链接不可以查询 |
author | 告诉搜索机器人网页的作者 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="DavidCai">
<meta name="keywords" content="填写网页关键字,前端,知识,笔记,记录">
<meta name="description" content="这个网页时记录我的前端学习知识">
<meta name="robot" content="all">
</head>
</html>
注意:keywords的content内容要限制在36字,description的content内容要限制在76字
http-equiv
该属性相当于http的头文件作用,可以向浏览器返回一些有用的信息,以帮助正确的显示内容,http属性的值可以有content-type, expires, refresh等等。
属性值 | 作用 |
---|---|
content-type | 这是meta标签中常见的一种设置,在制作网页时,我们在纯HTML代码可以看到它是定义你的网页的语言,当浏览器访问你的网页时,浏览器便会根据此来识别并进行相应设定 |
expires | 可以用于设定网页的到期期限,一旦网页国企,就必须在服务器上重新刷新而不能通过缓存获取页面。值得注意的是设置的时间必须是GMT格式 |
pragma | cashe模式,即是否从缓存中访问网页的内容 |
refresh | 刷新,等待一定的时间自动刷新或者跳转到其他url |
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="refresh" content="1;url=https://www.baidu.com/">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="Fri,12 Jan 2001 15:15:15 GMT">
</head>
</html>
除了上述这些常用的属性外,meta标签还有更多的属性,包括移动端方面的一些应用。具体内容请点击如何正确使用META标签