21xrx.com
2025-06-11 05:08:04 Wednesday
  

HTML <meta>标签

例子

描述HTML文档中的元数据:

<head>
<meta charset="UTF-8">
<meta name="description" content="免费的Web教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="21xrx">
</head>
Markup

定义和使用

元数据是关于数据的数据(信息).

<meta>标签提供关于HTML文档的元数据.元数据不会显示在页面上,而是会被机器解析.

<meta>元素通常用于指定页面描述、关键字、文档作者、最后修改信息和其他元数据信息.

元数据可供浏览器(如何显示内容或怎么加载页面)、搜索引擎(关键字)或其他Web服务使用.

浏览器支持

元素
<meta> 支持 支持 支持 支持 支持

提示和注意

注意:<meta>标签总是放在<head>元素里面.

注意:元数据总是以名称/值对的形式存在.

注意:如果有name或http-equiv属性,就必须要写content属性.相反,content属性就不要写.

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">
Markup

例子2 - 给网页定义描述:

<meta name="description" content="免费的HTML,CSS教程">
Markup

例子3 - 定义页面作者:

<meta name="author" content="21xrx">
Markup

例子4 - 每隔30秒刷新文档

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

属性

=HTML5新属性

属性属性值描述
charset character_set 指定文档的字符编码.
content text 提供与http-equv或name属性关联的值.
http-equiv content-type
default-style
refresh
给content属性的值提供HTTP头.
name application-name
author
description
generator
keywords
指定元数据的名称.

全局属性

<meta>标签也支持HTML全局属性.

  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2