meta标签的理解

标签和标签之间。"/>

语法:

参数说明:

1.Expires(期限)

2.Pragma(cache模式)

说明:禁止浏览器从本地计算机的缓存中访问页面内容。

注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。

3.Refresh(刷新)

说明:自动刷新并指向新页面。

其中的5表示5秒后自动刷新并调整到URL新页面。

4.Set-Cookie(cookie设定)

如果网页过期,那么存盘的cookie将被删除。

5.Window-target(显示窗口的设定)

说明:强制页面在当前窗口以独立页面显示

可以用来防止别人在框架里调用你的页面。

6.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时,代表世界通用的语言编码;

在HTML5中,我们一般都是:

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

说明:显示语言

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

在HTML5中,name的属性新增了viewport、format-detection等

1.viewport

说明:能优化移动浏览器的显示(屏幕的缩放)

参数值:

widthviewport的宽度[device-width|pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持;

height–viewport的高度(范围从223到10,000)

user-scalable[yes|no]是否允许缩放

initial-scale[数值]初始化比例(范围从>0到10)

minimum-scale[数值]允许缩放的最小比例

maximum-scale[数值]允许缩放的最大比例

target-densitydpi值有以下(一般推荐设置中等响度密度或者低像素密度,后者设置具体的值dpi_value,另外webkit内核已不准备再支持此属性)

--dpi_value一般是70-400//没英寸像素点的个数

--device-dpi设备默认像素密度

--high-dpi高像素密度

--medium-dpi中等像素密度

--low-dpi低像素密度

也可以写成:

其他

添加faviconicon

WebApp全屏模式

隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default|black|black-translucent。

不同浏览器

优先使用IE最新版本和Chrome

浏览器内核控制:国内浏览器很多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。

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