• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

HTML <meta> 标签

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

HTML <meta> 标签

<meta> 标签是 HTML 语言头部的一个辅助性标签,提供有关页面的元信息(比如:针对搜索引擎和更新频度的描述和关键词、定义页面使用的语言),使用好 <meta> 标签对 HTML 很有益。

实例

描述 HTML 文档的元数据:

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

尝试一下 »

浏览器支持

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


标签定义及使用说明

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

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

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

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

注意:<meta> 标签中的元数据无法使用其他的元相关标签表示,例如:<base>、<link>,<script>、<style>或<title>。


提示和注释

注意:<meta> 标签通常位于 <head>区域内。

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

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


HTML 4.01 与 HTML5之间的差异

HTML5 不支持 scheme 属性。

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

  • HTML 4.01:<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/URI HTML5不支持。 定义用于翻译 content 属性值的格式。


事件属性

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

在线工具

Meta在线生成工具


相关文章

HTML 教程:HTML 头部

CSS3学习笔记:meta标签的理解



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
HTML &lt;meter&gt; 标签发布时间:2022-01-31
下一篇:
HTML &lt;menu&gt; 标签发布时间:2022-01-31
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap