概述
一、meta基本介绍
<meta>标签是html网页源代码中的一个重要的标签。meta用来描述一个html网页文档的属性，例如作者、日期和时间、关键词、页面刷新。除此之外，可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。它位于<head>元素内，不包含任何内容。
二、meta的属性
① 必须属性
content属性。该属性是为了定义与http-equiv或者name属性相关的元信息，其中的内容是为了便于搜索机器人查找信息和分类使用的。
② 可选属性
name属性。该属性主要用于描述网页。name属性的值可以有：author、description、keywords、generator等等。
http-equiv属性。该属性相当于http的头文件作用，可以向浏览器返回一些有用的信息，以帮助正确和精确的显示内容。http-equiv属性的值可以有content-type、expires、refresh等等。
三、name属性
name属性的值：author、description、keywords、generator、revised、others。
description、keywords这两个属性值我放在一起说，是因为它们的作用非常相似。因为设置这两个值可以帮助你的主页被各大搜索引擎登陆，提高网站的访问量。于是这两个属性值的设置是格外重要的。因为按照搜索引擎的工作原理，搜索引擎会首先排除机器人自动检索页面中的keywords和description，并将其加入自己的数据库，然后根据关键词的密度将网站排序。例如：
<meta name="keywords" content="关于meta标签">
<meta name="description" content="HTML中<meta>标签如何正确使用">
description的content内容要限制在76个字。
值得注意的是，name一定要和content属性配合使用。
四、http-equiv属性
- http-equiv的属性值：content-type、expires、refresh、set-cookie。
① content-type(文档内容类型：用于设定文档的类型和字符集)
这是meta便签中最为常见的一中设置，在制作网页时，我们在纯HTML代码可看到它是定义你的网页的语言，当浏览器访问到你的网页时，浏览器便会根据此来识别并进行相应的设定，否则，浏览器就会使用默认的设定方法。
<meta http-equiv="content-type" content="text/html; charset=UTF-8">- ② expires(期限：可以用于设定网页的到期期限)
一旦网页过期，那么就必须在服务器上重新刷新而不能通过缓存获取网页。值得注意的是：其中设置的时间必须是GMT格式。
如果你在浏览器中设置浏览器网页先从本地缓存中的页面获取，那么当浏览时，就会只从本地缓存获取，直到meta中设置的时间到期，浏览器才会获取新页面。<meta http-equiv="expires" content="Fri,12 Jan 2001 15:15:15 GMT">
③ pragma（cashe模式：即是否从缓存中访问网页内容）
这行代码表示不从缓存获取页面，于是访问者将无法脱机工作。<meta http-equiv="pragma" content="no-cache">
④ refresh(刷新：等待一定时间自动刷新或跳转到其他url)<meta http-equiv="refresh" content="1; url=https://www.baidu.com"/>
最后
以上就是苗条小鸽子为你收集整理的meta标签详解一、meta基本介绍二、meta的属性三、name属性四、http-equiv属性的全部内容，希望文章能够帮你解决meta标签详解一、meta基本介绍二、meta的属性三、name属性四、http-equiv属性所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复