浏览器端-W3School-HTML:HTML DOM Meta 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Meta 对象
1.返回顶部

1、

HTML DOM Meta 对象

Meta 对象

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

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

Meta 对象属性

属性 描述
content 设置或返回 <meta> 元素的 content 属性的值。
httpEquiv 把 content 属性连接到一个 HTTP 头部。
name 把 content 属性连接到某个名称。
scheme 设置或返回用于解释 content 属性的值的格式。

2、

2. HTML DOM content 属性返回顶部

1、

定义和用法

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>

TIY

获得 <meta> 元素的 content 属性的值

2、

https://www.w3school.com.cn/jsref/prop_meta_content.asp

3、

3. HTML DOM httpEquiv 属性返回顶部

1、

定义和用法

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>

TIY

每 5 秒刷新页面
5 秒后重定向页面

2、

https://www.w3school.com.cn/jsref/prop_meta_httpequiv.asp

3、

4.返回顶部

1、

定义和用法

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>

TIY

获得 <meta> 元素的 content 属性的名称

2、

https://www.w3school.com.cn/jsref/prop_meta_name.asp

3、

5. HTML DOM scheme 返回顶部

1、

定义和用法

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>

TIY

返回 <meta> 元素中 content 的格式

2、

https://www.w3school.com.cn/jsref/prop_meta_scheme.asp

3、

6.返回顶部

1、

https://www.w3school.com.cn/jsref/dom_obj_meta.asp

2、

作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/storebook/p/11757907.html

时间: 2024-10-14 04:02:55

浏览器端-W3School-HTML:HTML DOM Meta 对象的相关文章

浏览器端-W3School-HTML:HTML DOM Area 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Area 对象 1.返回顶部 1. HTML DOM Area 对象 Area 对象 Area 对象代表图像映射的一个区域(图像映射指的是带有可点击区域的图像) 在 HTML 文档中 <area> 标签每出现一次,就会创建一个 Area 对象. Area 对象的属性 属性 描述 accessKey 设置或返回访问某个区域的快捷键. alt 设置或返回当浏览器无法显示某个区域时的替换文字. coords 设置或返回图像映射中

浏览器端-W3School-HTML:HTML DOM Audio 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Audio 对象 1.返回顶部 1. HTML DOM Audio 对象 Audio 对象 Audio 对象是 HTML5 中的新对象. Audio 对象表示 HTML <audio> 元素. 访问 Audio 对象 您可以通过使用 getElementById() 来访问 <audio> 元素: var x = document.getElementById("myAudio"); 亲自试

浏览器端-W3School-HTML:HTML DOM Object 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Object 对象 1.返回顶部 1. HTML DOM Object 对象 Object 对象 Object 对象代表 HTML 的 <object> 元素. <object> 元素用于在网页中包含对象,比如:图像.音频.视频.Java applet.ActiveX.PDF.Flash 等. Object 对象属性 属性 描述 align 设置或返回对象相对于周围文本的对齐方式. archive 设置或返回一

浏览器端-W3School-HTML:HTML DOM Script 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Script 对象 1.返回顶部 1. HTML DOM Script 对象 Script 对象 Script 对象表示 HTML <script> 元素. 访问 Script 对象 您可以通过使用 getElementById() 来访问 <script> 元素: var x = document.getElementById("myScript"); 亲自试一试 创建 Script 对象

浏览器端-W3School-HTML:HTML DOM Select 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Select 对象 1.返回顶部 1. HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表. 在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建. 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById(). Select 对象集合 集合 描述

浏览器端-W3School-HTML:HTML DOM Base 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Base 对象 1.返回顶部 1. HTML DOM Base 对象 Base 对象 Base 对象代表 HTML 的 base 元素. 在 HTML 文档中 <base> 每出现一次,Base 对象就会被创建. Base 对象属性 属性 描述 href 设置或返回针对页面中所有链接的基准 URL. id 设置或返回 <base> 元素的 id. target 设置或返回针对页面中所有链接的默认目标框架. 2.

浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Document 对象

ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Document 对象 1.返回顶部 1. HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document

9大浏览器端缓存机制分析

浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景.打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制. 一.http缓存 http缓存是基于HTTP协议的浏览器文件级缓存机制.即针对文件的重复请求情况下,浏览器可以根据协议头判断从服务器端请求文件

Vue服务端渲染和Vue浏览器端渲染的性能对比

Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. talk is cheap,show us the code!话不多说,我们分别来看两个D