HTML <meta> 标签

html <meta> 元数据(Metadata)是数据的数据信息

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

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

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

<meta> 标签通常位于 <head> 区域内

元数据通常以 名称/值 对出现

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


属性

属性描述
charsetcharacter_set定义文档的字符编码
contenttext定义与 http-equiv 或 name 属性相关的元信息
http-equivcontent-type
default-style
refresh
把 content 属性关联到 HTTP 头部
nameapplication-name
author
description
generator
keywords
把 content 属性关联到一个名称
schemeformat/URIHTML5不支持
定义用于翻译 content 属性值的格式

范例

描述 HTML 文档的元数据

<!DOCTYPE html>
<meta charset="utf-8"> 
<title>简单教程,简单编程</title> 
<meta name="description" content="简单教程,简单编程">
<meta name="keywords" content="HTML,css,XML,JavaScript">
<meta name="author" content="简单教程">


范例

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


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> 标签必须包含结束标签

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/3_132

目录选择