语言►HTML

HTML中的meta元素

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/09/15/HTML%E4%B8%AD%E7%9A%84meta%E5%85%83%E7%B4%A0/

摘要

本文主要讲述了：

  1. 作用
  2. HTML 特性

正文

作用

作为<head>的子元素，用于声明 HTML 文档的元数据信息。例如：字符集（字符编码方案）、作者、关键词、描述等。

HTML 特性

charset

用于声明文档的字符集

示例：文档的字符集是UTF-8

1
2
3
<head>
  <meta charset="UTF-8" />
</head>

http-equiv 和 content

  • http-equiv的全称为 http-equivalent，其值为 HTTP 响应头的名称
  • content表示 HTTP 响应头的值

示例：每隔10s 自动刷新 HTML 文档

1
2
3
<head>
  <meta http-equiv="refresh" content="10" />
</head>

示例：2s 后跳转到https://google.com/

1
2
3
<head>
  <meta http-equiv="refresh" content="2;url=https://google.com/" />
</head>

name 和 content

  • name表示文档级别的元数据属性名
  • content表示元数据属性值

示例：HTML 文档的作者是jsweibo

1
2
3
<head>
  <meta name="author" content="jsweibo" />
</head>

示例：HTML 文档的描述是hello, world

1
2
3
<head>
  <meta name="description" content="hello, world" />
</head>

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/09/15/HTML%E4%B8%AD%E7%9A%84meta%E5%85%83%E7%B4%A0/

本文对你有帮助？请支持我

支付宝
微信