html5培训基础知识第二发：常用的META标签(移动端)

313 238

viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width，如果我们不设置的话，width默认的值是980PX，假设我们当前用的是IPHONE5来访问H5页面，IPHONE5本身的宽度只有320PX，但是设备定义了H5页面展示的区域宽度应该是980PX，这样的话要想把H5页面全部进行展示，只有整体缩小大约三倍或者让用户在320PX的区域中来回的挪动才能看全整个H5页面。这种方式用户的体验度会非常的差，所以我们设定width=device-width，意思是当前设备屏幕有多宽，那么就按照多宽来渲染页面，这样就不会出现需要靠缩小或者左右移动来看完整个页面了。

这里说明一下其它几个属性的作用:

当我们将一个网页添加到主屏幕时，会更希望它能有像App一样的表现，没有地址栏和状态栏全屏显示。

设置状态栏颜色只有在开启WebApp全屏模式下才能起到效果。content的值为default(状态栏将为正常的，即白色，网页从状态栏以下开始显示)|black(状态栏将为黑色，网页从状态栏以下开始显示)|black-translucent(状态栏将为灰色半透明，网页将充满整个屏幕，状态栏会盖在网页之上)。

使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。

地址：北京昌平区科星西路106号院国风美唐综合楼6号楼505珠峰培训

THE END

涉嫌滥用分类广告主导地位Meta(META.US)遭欧盟罚款7.98亿欧元谷歌反垄断meta知名企业欧盟委员会

高级前端Web方向面试题（带简要答案）v1.0.0最近半个月在工作之余抽时间整理了这些面试题，准备在接下来的时间

meta标签有哪些属性web开发

关于百度优化的常见问题

HTML<meta>标签菜鸟教程

HTML中meta标签的总结详解html教程

META标签

meta标签的理解

网页html代码不可缺少的5个meta标签属性html技术

信息与通信学院

360安全浏览器

实现WWW的基础技术

从主任的红内裤谈谈循证医学

html5培训基础知识第二发：常用的META标签(移动端)

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