浏览器支持

所有浏览器都支持 <meta> 标签。

定义和用法

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异

在 HTML 中，<meta> 标签没有结束标签。

在 XHTML 中，<meta> 标签必须被正确地关闭。

提示和注释：

注释：<meta> 标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

必需的属性

content(some_text):定义与 http-equiv 或 name 属性相关的元信息;

可选的属性

http-equiv：把content属性关联到HTTP头部;

值类型：content-type/expires/refresh/set-cookies

name：把content属性关联到一个名称;

值类型：author/description/keywords/generator/revised/others

scheme：定义与翻译content属性值的格式；

值类型：some_text；

name 属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。

类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：

<meta name="keywords" content="HTML,ASP,PHP,SQL">

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

http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

 <meta http-equiv="charset" content="iso-8859-1">

 <meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含：



当然，只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。




 content-type: text/html

 charset:iso-8859-1

 expires:31 Dec 2008




content 属性


content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。


content 属性始终要和 name 属性或 http-equiv 属性一起使用。


scheme 属性


scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。


 


全局属性


<meta> 标签支持 HTML 中的全局属性。






相关


HTML DOM  Meta 对象


Meta 对象代表 HTML 的 一个 <meta> 元素。


<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information)，比如描述、针对搜索引擎的关键词以及刷新频率。


 




Meta 对象属性


content：设置或返回 <meta> 元素的 content 属性的值。


httpEquiv：把 content 属性连接到一个 HTTP 头部。


name：把 content 属性连接到某个名称。


scheme：设置或返回用于解释 content 属性的值的格式。


整理自:http://www.w3school.com.cn
												


											
HTML要点（四）<meta>标签的更多相关文章
	

    
								
  1. meta标签用法总结
		
    注:本文并非本人撰写,摘自百度百科 meta标签用来描述一个HTML网页文档的属性,例如作者.日期和时间.网页描述.关键词.页面刷新等. 一.作用:       META标签是HTML标记HEAD区的 ...
    
		
    2. 
						
  2. HTML 的 meta 标签
		
    我们先来看看维基百科上对 meta element 的定义: Meta elements are tags used in HTML and XHTML documents to provide st ...
    
		
    3. 
						
  3. 转载：手机网页制作的认识（有关meta标签）
		
    下面是手机网页的一些认识: 一.<meta name="viewport" id="viewport" content="width=devic ...
    
		
    4. 
						
  4. 移动平台对于META标签的定义[转]
		
    下面介绍一些有关标记的例子及解释. 一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值 ...
    
		
    5. 
						
  5. webkit内核中的一些私有的meta标签
		
      <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0&q ...
    
		
    6. 
						
  6. HTML中<meta>标签如何正确使用
		
    HTML中<meta>标签如何正确使用 如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少< ...
    
		
    7. 
						
  7. 移动平台对 meta 标签的定义
		
    一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面 ...
    
		
    8. 
						
  8. HTML Meta标签知多少
		
    文章已同步至个人Blog:Benjamin - 专注前端开发和用户体验 一.基本属性 标签常常被用来定义HTML文档的元数据或者HTTP协议的指向,这些元数据常用在SEO.HTML Pages or  ...
    
		
    9. 
						
  9. meta标签的理解
		
    一直习惯的使用meta标签,还真么认真理解过,至少英文意思都还没弄明白... 下面是摘自网络的解释: 互动百科: 元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. JBPM4入门——8.等待节点的分支执行
			
    JBPM入门系列文章: JBPM4入门——1.jbpm简要介绍 JBPM4入门——2.在eclipse中安装绘制jbpm流程图的插件 JBPM4入门——3.JBPM4开发环境的搭建 JBPM4入门—— ...
    
			
    2. 
						
  2. mysql添加用户和用户权限
			
    Mysql添加用户使用可以对mysql数据库用户表有操作权限的用户名登陆mysqlinsert into user(Host,User,Password) values('%','name','pas ...
    
			
    3. 
						
  3. PHP Framework安装
			
    Framework 1> 初始化 前提:服务器上已经装有 Apache/Nginx 和 MySQL 进入 hush-framework/hush-app/bin 目录(Linux 下需执行 ch ...
    
			
    4. 
						
  4. 使用poi解析Excel
			
    解析XLS package xls; import java.io.FileInputStream; import java.io.IOException; import java.io.InputS ...
    
			
    5. 
						
  5. Ajax轮询以及Comet模式—写在Servlet 3.0发布之前(转)
			
    2008 年的夏天,偶然在网上闲逛的时候发现了 Comet 技术,人云亦云间,姑且认为它是由 Dojo 的 Alex Russell 在 2006 年提出.在阅读了大量的资料后,萌发出写篇 blog  ...
    
			
    6. 
						
  6. mysql Access denied for user \'root\'@\'localhost\'”解决办法总结，下面我们对常见的出现的一些错误代码进行分析并给出解决办法，有需要的朋友可参考一下。
			
    mysql Access denied for user \'root\'@\'localhost\'”解决办法总结,下面我们对常见的出现的一些错误代码进行分析并给出解决办法,有需要的朋友可参考一下. ...
    
			
    7. 
						
  7. opengl奔溃问题
			
    按照网上的教程编译成功,当时运行时老是奔溃(不弹出任何提示,窗口变灰色).遂更新了ATI的显卡驱动果然可以运行了,哈哈 http://support.amd.com/en-us/download/de ...
    
			
    8. 
						
  8. 【LeetCode】12 & 13 - Integer to Roman & Roman to Integer
			
    12 - Integer to Roman Given an integer, convert it to a roman numeral. Input is guaranteed to be wit ...
    
			
    9. 
						
  9. WebGoat学习——跨站脚本攻击(Cross‐Site Scripting (XSS)）
			
    跨站脚本攻击(Cross‐Site Scripting (XSS)) XSS(Cross Site Script)跨站脚本攻击.是指攻击者向被攻击Web 页面里插入恶意html代码,当用户浏览该页之时 ...
    
			
    10. 
						
  10. SparkR grammer
			
    They are different between local R and sparkR: sparkR 跑通的函数: http://blog.csdn.net/wa2003/article/det ...
    
			
    11.