返回首页
当前位置: 主页 > 编程语言 > HTML教程 >

HTML5教程 meta 标签使用基础教程

时间:2017-07-05 21:50来源:电脑教程学习网 www.etwiki.cn 编辑:admin

所有主流浏览器都支持 <meta> 标签,meta 标签定义及使用说明元数据(Metadata)是数据的数据信息。

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

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

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

<meta> 标签的提示和注释

注意:<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 中 <meta> 标签没有结束标签。
  • XHTML 中 <meta> 标签必须包含结束标签。

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

<meta> 标签属性

属性 描述
charset character_set 定义文档的字符编码。
content text 定义与 http-equiv 或 name 属性相关的元信息。
http-equiv content-type
default-style
refresh
把 content 属性关联到 HTTP 头部。
name application-name
author
description
generator
keywords
把 content 属性关联到一个名称。
scheme format/URI HTML5不支持。定义用于翻译 content 属性值的格式。

------分隔线----------------------------
标签(Tag):html5 HTML5教程 meta标签
------分隔线----------------------------
推荐内容
猜你感兴趣