Meta标签是 HTML 语言 head 区的一个辅助性标签,它位于HTML文档头部的 head 标记和 title 标记之间,它提供用户不可见的信息。
Meta : 即 **元数据(Metadata)**是数据的基本信息。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
用我们的大白话来说,它本身是一个没什么用的标签,但是一旦在它内部通过其他属性设置了某些效果,它就起作用了,所以我们称之为“ 元数据 ”。
它内部可填写的属性如下:
属性 | 值 | 描述 |
---|---|---|
charset (HTML5) | character_set | 定义文档的字符编码。 |
content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
http-equiv | content-type、default-style、refresh | 把 content 属性关联到 HTTP 头部。 |
name | application-name、author、description、generator、keywords | 把 content 属性关联到一个名称。 |
scheme | format/URI | HTML5不支持。 定义用于翻译 content 属性值的格式。 |
主要是给机器以及爬虫来阅读的。
比较常用的属性有下面几个:
- charset: 在 HTML5 中推荐的用法,一般设为 UTF-8 防止出现乱码。
<meta charset="UTF-8" />
- name 与 content 的搭配使用:
<meta name="xxx" content="xxx" />
- name=viewport: 移动端开发使用的属性,用来设置视窗的宽度,是否允许缩放等。与 Day 10 viewport 常见设置都有哪些? 相关
- name=author: 用来设置作者,给 SEO 使用
- name=description: 页面的描述,在浏览器用作书签时会显示对应的内容
- name=keywords: 网页的关键字,给 SEO 使用
- http-equiv 与 content 的搭配使用
- refresh: 允许页面在一定时间后刷新或者重定向到另一个地址