HTML meta 标签

🌙
手机阅读
本文目录结构
axihe

HTML <meta> 标签功能

元数据(Metadata)是数据的数据信息。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。

元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。


HTML <meta> 标签使用

描述 HTML 文档的元数据:

<head>
<meta name="description" content="免费在线教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="axihe">
<meta charset="UTF-8">
</head>

浏览器支持

所有主流浏览器都支持 <meta> 标签。


提示和注释

注意:<meta> 标签通常位于

区域内。

注意: 元数据通常以 名称 / 值 对出现。

注意: 如果没有提供 name 属性,那么名称 / 值对中的名称会采用 http-equiv 属性的值。


HTML4 与 HTML5 之间的差异

HTML5 不支持 scheme 属性。

在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:

  • HTML4: <meta http-equiv=“content-type” content=“text/html; charset=UTF-8”>
  • HTML5: <meta charset=“UTF-8”>

HTML 与 XHTML 之间的差异

在 HTML 中 <meta> 标签没有结束标签。

在 XHTML 中 <meta> 标签必须包含结束标签。


实例

实例 1 - 定义文档关键词,用于搜索引擎:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

实例 2 - 定义 web 页面描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

实例 3 - 定义页面作者:

<meta name="author" content="Hege Refsnes">

实例 4 - 每 30 秒刷新页面:

<meta http-equiv="refresh" content="30">

属性

New :HTML5 新属性。

属性描述
charsetNewcharacter_set定义文档的字符编码。
contenttext定义与 http-equiv 或 name 属性相关的元信息。
http-equivcontent-type
default-style
refresh
把 content 属性关联到 HTTP 头部。
nameapplication-name
author
description
generator
keywords
把 content 属性关联到一个名称。
schemeformat/URIHTML5 不支持。 定义用于翻译 content 属性值的格式。

事件属性

<p> 标签支持所有 HTML 事件属性。



AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang