位置:电子教程 > 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(微信同号)