18910140161

html meta标签的作用是什么?

顺晟科技

2021-06-16 10:31:48

210

什么是htmlmeta标记:

htmlmeta标记的定义和用法:

元元素可以提供关于页面的元信息,例如搜索引擎的描述和关键字以及更新频率。

元标签位于文档的开头,不包含任何内容。元标签的属性定义了与文档相关联的名称/值对。

htmlmeta标记所需的属性:

内容:some _ text:定义与http-equiv或名称属性相关的元信息

htmlmeta标记的可选属性:

tuyi.png

htmlmeta标记的名称属性:

name属性提供名称/值对中的名称。HTML和XHTML标签都没有指定任何预定义的元名称。通常,您可以自由使用对您和源文档的读者有意义的名称。

“关键字”是一个经常使用的名称。它为文档定义了一组关键字。当一些搜索引擎遇到这些关键词时,会用这些关键词对文档进行分类。

像这样的元标签可能有助于搜索引擎的索引:

元名称='关键词'内容='HTML,ASP,PHP,SQL '

如果未提供名称属性,则名称/值对中的名称采用http-equiv属性的值。

htmlmeta标记的Http-equiv属性:

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

当服务器向浏览器发送文档时,首先发送许多名称/值对。虽然有些服务器发送许多这样的名称/值对,但所有服务器都应该至少发送一个:content-type:text/html。这将告诉浏览器它准备好接受一个超文本标记语言文档。

当使用带有http-equiv属性的元标记时,服务器会将名称/值对添加到发送给浏览器的内容头中。例如,添加:

meta http-equiv=' charset ' content=' iso-8859-1 '

meta http-equiv=' expires ' content=' 31 dec 2008 '

因此发送到浏览器的标题应该包含:

content-type:text/html

charset:iso-8859-1

过期:31Dec2008

当然,这些额外的标题字段只有在浏览器能够接受它们并以适当的方式使用它们时才有意义。

htmlmeta标记的内容属性:

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

内容属性应始终与名称属性或http-equiv属性一起使用。

htmlmeta标记的方案属性:

scheme属性用于指定用于翻译属性值的方案。该方案应该在由头部标签的简档属性指定的简档中定义。

htmlmeta标记http-equiv属性的详细用法介绍:

在之前的研究前端,对元标签的理解只有这句话。

metharset=' UTF-8 '

然而,当你打开任何一个网站时,它的头标签中都有一个元标签列表。

用法1:

示例:

meta http-equiv=' cache-control ' content=' no-cache '

有几种用途:

No-cache:首先发送请求,并向服务器确认资源是否已被更改。如果尚未更改,则使用缓存。

No-store:不允许缓存,每次都要去服务器下载完整的响应。(安全措施)

Public:缓存所有响应,但这不是必需的。因为更大年龄可以达到同样的效果

Private:仅缓存单个用户,因此不允许中继缓存。(例如,CDN不允许缓存私有响应)

Maxage:指示当前请求的开始,以及响应可以缓存和重用多长时间,而无需到服务器重新请求。例如,max-age=60意味着响应可以缓存并重用60秒。

用法2:

注意:用于禁止当前页面在移动终端上浏览时被百度自动转码。虽然百度的意图是好的,但是转码效果往往不尽如人意。所以你可以把例子里的句子加到头上,就可以避免百度转码了。示例:

meta http-equiv=' Cache-Control ' content=' no-site app '/

d .过期(页面过期时间)

描述:用于设置网页的过期时间。过期后,网页必须重新传输到服务器。示例:

meta http-equiv=' expires ' content=' Sunday 26 October 2016 01 :00 GMT '/

e .刷新(自动刷新并指向页面)

描述:网页会在设定的时间内自动刷新并转移到设定的URL。示例:

meta http-equiv=' refresh ' content=' 2;URL=http://www.php.cn/'//表示2秒后跳转到php网站

F.设置-Cookie(cookie设置)

描述:如果页面过期。那么这个页面上的本地cookies将被自动删除。

meta http-equiv=' set-cookie ' content=' name,date '/format

meta http-equiv=' Set-Cookie ' content=' User=Lxxyx;path=/;过期=周日,10-1-1610:00:00格林尼治标准时间'/具体示例

暂时就这些。元标签的自定义属性太多。所以只找到了一些常用的,像Window-target这样的属性还没来得及说,毕竟用的不多。因为经验尚浅,如有错误,望各位帮忙指正。

HTML和XHTML的区别:

在HTML中,元标签没有结束标签。

在XHTML中,元标签必须正确关闭。

注意:元标签总是在head元素中。注意:元数据总是以名称/值的形式成对传递。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航