标签具有哪些属性(标签的作用是什么?标签常见的属性介绍是)

lxf2023-03-18 13:56:02

html meta标签的作用是什么?常见的html meta标签属性有哪些?接下来,本文介绍html meta标签的定义和具体用法,以及html meta标签的属性介绍(包括http-equiv属性的详细用法介绍)。

什么是html元标签:

HTML元标记的定义和用法:

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

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

HTML元标记的必需属性:

Content: some _ text:定义与http-equiv或name属性相关的元信息。

HTML元标记的可选属性:

标签具有哪些属性(标签的作用是什么?标签常见的属性介绍是)

HTML元标记的名称属性:

name属性提供名称/值对中的名称。HTML和XHTML标记都没有指定任何预定义的

"关键词& quot是一个经常使用的名字。它为文档定义了一组关键字。一些搜索引擎在遇到这些关键词的时候会使用这些关键词对文档进行分类。

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

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

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

html元标记的http-equiv属性:

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

当服务器向浏览器发送文档时,它将首先发送许多名称/值对。尽管有些服务器发送许多这样的名称/值对,但所有服务器都必须至少发送一个:content-type:text/html。这将告诉浏览器它准备好接受一个HTML文档。

使用

<meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008">

所以发送到浏览器的报头应该包含:

内容类型:文本/html

字符集:iso-8859-1

届满日期:2008年12月31日

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

HTML元标记的内容属性:

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

content属性应始终与name属性或http-equiv属性一起使用。

HTML元标记的 scheme属性:

scheme属性用于指定用于转换属性值的方案。该计划应通过以下方式实施

HTML meta标签的http-equiv属性使用详细介绍:

之前的学习前端,对meta标签的理解只有这句话。

& ltmeta charset = & quotUTF-8 & quot;& gt

但是你打开任何一个网站,它的head标签里都有一个meta标签列表。

用法1:

例如:

& ltmeta http-equiv = & quot;缓存控制& quotcontent = & quot无缓存& quot& gt

有以下几种用法:

  • No-cache:首先发送一个请求,向服务器确认资源是否已经更改,如果没有,就使用缓存。

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

    Public:缓存所有响应,但不一定。因为max-age也能达到同样的效果。

    Private:它只为单个用户缓存,因此不允许任何中继缓存。(比如CDN不允许缓存私有响应。)

    Maxage:表示当前请求需要多长时间才能被缓存和重用,而不需要服务器再次请求。例如,max-age=60意味着响应可以被缓存并在另外60秒内重用。

    用法2:

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

    <meta http-equiv="Cache-Control" content="no-siteapp" />

    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.Set-Cookie(cookie设置)

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

    <meta http-equiv="Set-Cookie" content="name, date"> //格式 <meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT"> //具体范例

    暂时就这些了。meta标记的自定义属性太多。所以只去找了一些常用的,还没来得及说什么Window-target之类的,毕竟用的不太多。由于我缺乏经验,我希望你能帮助我纠正任何错误。

    HTML和XHTML的区别:

    在HTML中,

    在XHTML中,

    注意:

    [相关建议]

    html textarea是什么意思?如何在textarea标签中获取换行符和空单元格?

    什么是html基本URL?基于Html的详细解析摘要

    这就是html meta标签的作用。html meta标签的常用属性详情请关注AdminJS的其他相关文章!