每一个标签都有属性
<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 告诉搜索机器人网页的作者
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="author" content="DavidCai">
  6. <meta name="keywords" content="填写网页关键字,前端,知识,笔记,记录">
  7. <meta name="description" content="这个网页时记录我的前端学习知识">
  8. <meta name="robot" content="all">
  9. </head>
  10. </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标签