html <meta> 元数据(Metadata)是数据的数据信息
<meta> 标签提供了 html 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其它元数据
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用
<meta> 标签通常位于 <head> 区域内
元数据通常以 名称/值 对出现
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值
属性
属性 | 值 | 描述 |
---|---|---|
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 属性值的格式 |
范例
描述 HTML 文档的元数据
<!DOCTYPE html> <meta charset="utf-8"> <title>前端之家 f2er.com</title> <meta name="description" content="前端之家 f2er.com,丰富的前端教程资源,学前端开发上前端之家。"> <meta name="keywords" content="HTML,css,XML,JavaScript"> <meta name="author" content="前端之家">
范例
范例 1 - 定义文档关键词,用于搜索引擎
<meta name="keywords" content="HTML,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">
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> 标签必须包含结束标签