书虫媛 2019-10-29
ylbtech-浏览器端-W3School-HTML:HTML DOM Meta 对象 |
1. |
Meta 对象代表 HTML 的 一个 <meta> 元素。
<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述、针对搜索引擎的关键词以及刷新频率。
2. HTML DOM content 属性 |
content 属性设置或返回 <meta> 元素的 content 属性的值。
metaObject.content=text
本例的 <meta> 标签为搜索引擎定义了一些关键词。以下代码返回 content 属性的值:
<html> <head> <meta name="keywords" content="HTML,DHTML,CSS,JavaScript" /> </head> <body> <script type="text/javascript"> x=document.getElementsByTagName("meta")[0]; document.write("Meta content: " + x.content); </script> </body> </html>
3. HTML DOM httpEquiv 属性 |
httpEquiv 属性把 content 属性连接到 HTTP 头部。
metaObject.httpEquiv=content-type|expires|refresh|set-cookie
本例每 5 秒刷新页面:
<html> <head> <meta http-equiv="refresh" content="5" /> </head> <body> <script type="text/javascript"> x=document.getElementsByTagName("meta")[0]; document.write("Http equiv: " + x.httpEquiv); </script> </body> </html>
4. |
name 属性把 content 属性连接到 name。
metaObject.name=author|description|keywords|generator|revised|others
本例的 <meta> 标签为搜索引擎定义了一些关键词。以下代码返回 content 属性的值:
<html> <head> <meta name="keywords" content="HTML,DHTML,CSS,JavaScript" /> </head> <body> <script type="text/javascript"> x=document.getElementsByTagName("meta")[0]; document.write("Meta name: " + x.name); </script> </body> </html>
5. HTML DOM scheme |
scheme 属性设置或返回用于解释 content 属性的值的格式。
metaObject.scheme=format
本例返回用于解释 content 属性的值的格式:
<html> <head> <meta name="revised" content="2006-11-03" scheme="YYYY-MM-DD" /> </head> <body> <script type="text/javascript"> x=document.getElementsByTagName("meta")[0]; document.write("Content format: " + x.scheme); </script> </body> </html>
6. |
作者:ylbtech 出处:http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |