位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频（Videos）
当前阅读教程：HTML入门到精通 > 3.2 HTML 元数据 meta标签
阅读(22555525)      收藏       赞(5685)      分享
上一篇： 3.1.7 综合示例 下一篇： 3.3 HTML中CSS几种使用方式

标签定义及使用说明

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

数据（Metadata）是数据的数据信息。

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

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

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

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

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

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

HTML 4.01 与 HTML5之间的差异

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

HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5： <meta charset="UTF-8">

属性

属性

值

描述

charset New

character_set

定义文档小白教程网的字符编码。

content

text

定义与   http-equiv 或 name 属性相关的元信息。

http-equiv

refresh

content-type
  default-style

把   content 属性关联到 HTTP 头部。

name

keywords

description

author

application-name
  generator
 
 

把   content 属性

<meta> 标签- 使用实例

为搜索引擎定义关键词：

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

为网页定义描述内容：

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者：

<meta name="author" content="黄菊华">

每30秒钟刷新当前页面：

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

下面我们来看下在网页中的效果，示例

小白教程网www.2d5.net

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 头部head中元数据 meta标签</title>
     <meta name="Keywords" content="html,html教程">
     <meta name="Description" content="这里是黄菊华老师的html课程">
     <meta name="author" content="huangjuhua,黄菊华" >
    <meta http-equiv="Refresh" content="1" >
</head>
<body>
     <p>黄菊华老师QQ 45157718</p>
</body>
上一篇： 3.1.7 综合示例 下一篇： 3.3 HTML中CSS几种使用方式
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ：45157718(微信同号)（备注：毕设）