HTML允许您以各种方式指定元数据 - 有关文档的其他重要信息. META元素可用于包含描述HTML文档属性的名称/值对,例如作者,到期日期,关键字列表,文档作者等.
< meta> 标记用于提供此类附加信息.此标记是一个空元素,因此没有结束标记,但它在其属性中包含信息.
您可以根据所需的信息在文档中包含一个或多个元标记保留在您的文档中,但一般来说,元标记不会影响文档的外观,因此从外观的角度来看,如果包含它们并不重要.
您可以通过放置< meta>来为网页添加元数据.文档标题内的标记,由< head> 和</head> 标记表示.除了核心属性和减号之外,元标记还可以具有以下属性;
Sr.No | 属性&描述 |
---|---|
1 | 姓名 财产的名称.可以是任何东西.示例包括关键字,描述,作者,修订版,生成器等. |
2 | 内容 指定属性的值. |
3 | scheme 指定解释属性值的方案(在content属性中声明). |
4 | http-equiv 用于http响应消息头.例如,http-equiv可用于刷新页面或设置cookie.值包括content-type,expires,refresh和set-cookie. |
您可以使用< meta>标记以指定与文档相关的重要关键字,稍后搜索引擎会使用这些关键字为您的网页编制索引以进行搜索.
以下是一个示例,我们将HTML,元标记,元数据添加为关于文档的重要关键字.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
这将产生以下结果 :
您可以使用<meta> 标签以提供有关文档的简短描述.在为您的网页编制索引时,各种搜索引擎也可以使用它.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> </head> <body> <p>Hello HTML5!</p> </body> </html>
您可以使用< meta>标记以提供有关上次更新文档的时间的信息.刷新网页时,各种Web浏览器都可以使用此信息.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised" content = "Tutorialspoint, 3/7/2014" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
A< meta>标签可用于指定网页自动刷新的持续时间.
如果您希望每次页面都保持刷新状态5秒然后使用以下语法.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised" content = "Tutorialspoint, 3/7/2014" /> <meta http-equiv = "refresh" content = "5" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
您可以使用< meta>标记以将您的页面重定向到任何其他网页.如果要在一定秒数后重定向页面,也可以指定持续时间.
以下是重定向当前的示例5秒后翻页到另一页.如果您想立即重定向页面,请不要指定 content 属性.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised" content = "Tutorialspoint, 3/7/2014" /> <meta http-equiv = "refresh" content = "5; url = http://www.IT屋.com" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
Cookies是数据,存储在计算机上的小文本文件中,并在Web浏览器之间交换和Web服务器根据您的Web应用程序需求跟踪各种信息.
您可以使用< meta>标记以在客户端存储cookie,稍后Web服务器可以使用此信息来跟踪网站访问者.
以下是5秒后将当前页面重定向到另一页面的示例.如果您想立即重定向页面,请不要指定 content 属性.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised" content = "Tutorialspoint, 3/7/2014" /> <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
如果您没有包含到期日期和时间,则cookie被视为会话cookie,并在用户退出浏览器时被删除.
注意 : 您可以查看 PHP和Cookies 教程,了解有关Cookies的完整详细信息.
您可以使用元标记在网页中设置作者姓名.请参阅下面的示例 :
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised" content = "Tutorialspoint, 3/7/2014" /> <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
您可以使用< meta>用于指定网页中使用的字符集的标记.
默认情况下,Web服务器和Web浏览器使用ISO-8859-1(Latin1)用于处理网页的编码.以下是设置UTF-8编码和减号的示例;
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "author" content = "Mahnaz Mohtashim" /> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
要使用繁体中文字符提供静态页面,网页必须包含< meta>标签设置Big5编码和减号;
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "author" content = "Mahnaz Mohtashim" /> <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" /> </head> <body> <p>Hello HTML5!</p> </body> </html>