meta标签有哪些属性web开发

本篇内容主要讲解“meta标签有哪些属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“meta标签有哪些属性”吧!

什么是meta标签?作用是什么?

作用:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

注释:标签永远位于head元素内部。元数据总是以名称/值的形式被成对传递的。

Titlehelloworld

meta标签的属性

content-security-policy

content-type

default-style

refresh

application-name

author

description

generator

keywords

viewport

属性详解:

参数:

1)content-Type(设定页面使用的字符集)

meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;

meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;

meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;

meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;

meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;

2)content-Language(显示语言的设定)

4)Pragma(cache模式,禁止浏览器从本地计算机的缓存中访问页面内容)

注意:这样设定,访问者将无法脱机浏览。

5)cache-control(缓存设置)

请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下:

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

6)Refresh(自动刷新并指向新页面)

注意:其中的2是指停留2秒钟后自动刷新到URL网址。

7)Window-target(强制页面在当前窗口以独立页面显示)

注意:用来防止别人在框架里调用自己的页面。

8)set-cookie(cookie设定,如果网页过期,那么存盘的cookie将被删除)

通常强制要求浏览器不设置缓存重新从服务器获取页面会使用下面的方式:

2.name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

语法:

Keywords(关键字)

说明:keywords用来告诉搜索引擎你网页的关键字是什么。

description(网站内容描述)

说明:description用来告诉搜索引擎你的网站主要内容。

robots(机器人向导)

说明:Metarobots标签管理着搜索引擎是否可以进入网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

具体参数如下:

信息参数为all:文件将被检索,且页面上的链接可以被查询;

信息参数为none:文件将不被检索,且页面上的链接不可以被查询;

信息参数为index:文件将被检索;

信息参数为follow:页面上的链接可以被查询;

信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;

信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;

author(作者)

说明:标注网页的作者

说明:meta标签的generator的信息参数,代表说明网站的采用的什么软件制作。

copyright

revisit-after

说明:revisit-after代表网站重访,7days代表7天,依此类推,假如我设置,那这样搜索引擎就是7天来一次。使用这个标签的网站,通常是因为网站数据量非常大,被搜索引擎过于频繁的抓取,会占用过大的资源,影响网站的访问。所以,希望搜索引擎不要天天过来,抓取过一次了,那么等7天后再来。一般的网站是不需要这个标签的。

view-point

说明:主要影响移动页面布局

content参数:

widthviewport宽度(数值/device-width)

heightviewport高度(数值/device-height)

initial-scale初始缩放比例

maximum-scale最大缩放比例

minimum-scale最小缩放比例

user-scalable是否允许用户缩放(yes/no)

3.content属性

4.charset属性

设置meta属性的作用是什么?

seo优化常用语句如下

yourtitle

THE END
1.2023Web前端开发八股文&面试题(万字系列)——这篇就够了!1.1 html标签的类型(head, body,!Doctype) 他们的作用是什么 !DOCTYPE 标签 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令 head: 是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者 该标签下所包含的部分可加入的标签有 base, link, meta, script, style和title ...https://developer.aliyun.com/article/1353677
2.META标签一般包含有哪几个?()【单选题】对人体有生理意义的双糖主要有:蔗糖、乳糖和( )。 查看完整题目与答案 【单选题】大部份光的介质对光的传播在各个方向都相同,此介质称为( )。 查看完整题目与答案 【单选题】对人体有生理意义的多糖主要有:糖原、食物纤维和( )。 查看完整题目与答案 【单选题】光密介质的特点是( )。 查看完...https://www.shuashuati.com/ti/2847c996b8674919b229bcbbf9332360.html
3.有哪些常用的meta标签?()是meta标签中最重要的标签,在搜索引擎的排名规则中占有重要的地位。 点击查看答案 第4题 stata里meta分析模块不包含() A、常用meta分析模块 B、累计meta分析模块 C、meta回归分析 D、生存分析 E、漏斗图 点击查看答案 第5题 常用的办公软件有哪些 常用办公软件有哪些? 点击查看答案 第...https://www.shangxueba.cn/7247284.html
4.HTMLmeta标签总结与属性的使用介绍之前学习前端中,对meta标签的了解仅仅只是这一句。 <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签。比如我博客的。 但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方。 简介 在查阅w3school中,第一句话中的“元数据”就让我开始了Google之旅。然后很顺利的在英文版...https://www.imooc.com/article/4475
5.有哪些常见的meta标签有哪些常见的 meta 标签 先说一下 <meta> 元素是什么。 凡是在 <head> 元素中,不能用这几个元素 (<base>, <link>, <script>, <style>, <title>) 来表示的元数据,都要用 <meta> 元素来表示。 再说一些常见的 <meta> 元素类型。 <meta charset="utf-8"> // 指定字符集 ...https://www.jianshu.com/p/09472f5e3e4b
6.HTML<meta>标签提示:meta 元素有多种不同用法,而且一个 HTML 文档中可以多个 meta 元素。 提示:通过<meta> 标签,有一种方法让网页设计师控制视口(即用户在网页中可见的区域)(请参见下面的"设置视口"实例)。 注意:每个meta 元素只能用于一种用途。如果想要使用的特性不止一个,那就应该在 head 元素中添加多个 meta 元素。 https://www.w3school.com.cn/tags/tag_meta.asp
1.WebApp之Meta标签WebApp之Meta标签 <meta name="apple-touch-fullscreen" content="yes">"添加到主屏幕“后,全屏显示<meta name="apple-mobile-web-app-capable" content="yes" /> 这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,...https://www.u72.net/daima/nxbzm.html
2.更改meta标签真的会影响谷歌SEO排名吗?在数字营销的世界里,每一个细节都可能成为决定成败的关键。作为一名长期在SEO领域摸爬滚打的从业者,我深知meta标签对于网页在搜索引擎中表现的重要性。今天,我们就来深入探讨一下,更改meta标签是否真的会影响谷歌SEO排名。 一、meta标签:网页的隐形名片 https://www.batmanit.cn/blog/google/45604.html
3.什么是Meta标签?哪些Meta标签对搜索引擎SEO优化有作用?网站策划当谈及到meta标签对搜索引擎排名的影响,很多人都存在误解,在过去许多已经失去作用的标签仍然被频繁使用。那么什么是Meta标签?哪些Meta标签对搜索引擎SEO优化有作用?本文将提供Meta标签相关内容供大家了解,希望对大家有所帮助和启发 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! https://www.jb51.net/yunying/419531.html
4.什么是META标签–升兔互动META标签的属性 name 属性 name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。”keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字...http://www.st-lt.com/?p=117
5.什么是Meta标签?如何做好网页中Meta标签的SEO优化设置在做SEO优化的过程中,网页代码中的Meta标签可以说对网站的关键词排名有着举足轻重的地位,如果SEO人员能在Meta标签上进行了适合搜索引擎的撰写方式,可在很大程度地提升网站的排名,同时也有利于站点内容的收录,所以给每个网页加上Meta值就成为了SEO中必不可少的工作之一。 https://m.aoyouwl.com/h-nd-1599.html
6.HTML关于meta标签的使用介绍前端易笔记meta标签共有两个属性:http-equiv和name;不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 name属性 name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meta标签的name属性语法格式是: ...http://art.yibiji.com/html/11236.html
7.<meta>:元数据元素备注: name 属性在 <meta> 元素中具有特殊的语义;另外,当一个 <meta> 标签中,有 name、http-equiv 或者charset 三者中任何一个属性时,itemprop 属性不能被使用。 charset 该属性声明了文档的字符编码。如果存在该属性,则其值必须是字符串 "utf-8" 的不区分 ASCII 大小写的匹配,因为 UTF-8 是 HTML5 文档...https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta
8.优化方案(通用12篇)1.网站页面头部meta标签代码的优化 包含了页面编码、三大标签(标题title、关键词keywords、描述description),需要正确的填写内容或调用代码。 2.网站H标签代码的优化 一个页面的H1标签只能出现一次,在文章页面中的文章标题可以使用H1标签,其他每个页面只能使用一次H1标签(将重要的内容、文字加上H1)。H其他标签可以适当的...https://m.unjs.com/fanwenku/242533.html