HTML5+CSS3从入门到精通之HTML meta 标签-职坐标

HTML5+CSS3从入门到精通之HTML meta 标签

沉沙 2019-12-11 来源：阅读 673 评论 0

摘要：本篇文章探讨了HTML5+CSS3从入门到精通之HTML meta 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML5+CSS3从入门到精通之HTML meta 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

HTML5+CSS3从入门到精通之HTML meta 标签

实例
描述 HTML 文档的元数据：
<head>
<meta name="description" content="免费在线教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="zhizuobiao">
<meta charset="UTF-8">
</head>
尝试一下 »
浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari
所有主流浏览器都支持 <meta> 标签。
标签定义及使用说明
元数据（Metadata）是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。
元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。
提示和注释
注意：<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 新属性。
属性值描述
charsetNew 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 属性值的格式。
事件属性
<p> 标签支持所有 HTML事件属性。