meta标签的作用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML中meta标签的作用与使用

大家好，又见面了，我是你们的朋友全栈君。 META标签用来描述一个HTML网页文档的属性 META标签可分为两大部分：HTTP-EQUIV和NAME变量。...HTTP实例 HTML代码实例中有一项内容是 meta http-equiv=”Content-Type”content=”text/html; charset=gb2312″> 其作用是指定了当前文档所使用的字符编码为...需要注意的是必须使用GMT时间格式； 4、meta http-equiv=”Pragma”content=”no-cache”>是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从...，而网站的限制级别就是通过meta属性来设置的； 7、强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个...HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

1.7K1 0

HTML中Meta标签的作用及使用方法

1.meta标签的定义 meta标签是head部的一个辅助性标签，提供关于 HTML 文档的元数据。它并不会显示在页面上，但对于机器是可读的。... 2.meta标签的作用 meta标签里的数据是供机器解读的，其主要作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价... 3.meta标签的可选属性（带(#)的为 HTML5 中的新属性）属性值描述 charset(#) character_set 定义文档的字符编码。...定义用于翻译 content 属性值的格式。 4.下面展示了一些常用的Meta 的浏览器解析内核（webkit：360浏览器的极速模式） --> meta name="renderer" content="webkit|ie-comp|ie-stand"/> <!

1.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Meta标签详解

：　　●　在搜索引擎中登录自己的个人网站　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签META的强大功效，一个好的META...标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！　　...META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。...all：文件将被检索，且页面上的链接可以被查询；　　　 none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow” 起相同作用) 　　　 index：...由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。

6882 0

HTML meta 标签

引言最近做的一个关于电影的网站 IMDB Top250，想对其进行 SEO 优化，用到 meta 信息的时候，很多知识都是『似乎』、『好像』、『可能』的感觉，回想自己一直没有系统的学习过 meta...相关的知识，这些东西虽然简单，但是很多时候能发挥出意想不到的效果，尤其对于 SEO 有非常重要的作用。...meta 简介 meta 标签位于文档的头部，可提供有关页面的元信息（meta-information）。 meta 标签本身不包含任何内容，通过其属性定义了与文档相关联的内容。...meta 标签一共有五个属性值： charset、content、http-equiv、name、scheme。...注意：动态地插入 meta name="referrer"> (通过 document.write 或者 appendChild) 是不起作用的。

7.3K3 0

Meta标签的那些事

Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。...我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 ?...utf-8" /> 　　该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。...--指示IE以目前可用的最高模式显示内容--> 3、SEO优化相关　　页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。...="format-detection" /> 12、忽略识别邮箱 meta content="email=no" name="format-detection" /> 　　更多Meta标签相关信息我会持续更新

9425 0

HTML中的Meta标签

Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。...我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。...1、申明文档使用的字符编码 meta charset="utf-8"> 或 meta http-equiv="Content-Type" content="text/html; charset=utf...-8"> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。...3、SEO优化相关 meta name="description" content="不超过150个字符"> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。

3K3 0

标签的作用

meta 是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。...在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素，尤其是其中的 “description...尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容，但META标签的内容设计仍然是很重要的。...下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。 META标签可分为两大部分：HTTP-EQUIV和NAME变量。...关于META标签中关键词的设计，要注意不要堆砌过多的关键词，罗列大量关键词对于搜索引擎检索没有太大的意义，对于一些热门的领域（也就是说同类网站数量较多），甚至可能起到副作用 ---- -END-

7863 0

怎样设置Meta标签、Title标签？

: 告诉爬虫不要跟踪页面上的任何链接以及资源 noimageindex: 告诉爬虫不要索引页面上的任何图片 none: 相当于同时使用 noindex 和 nofollow noarchive:...nosnippet: 不在搜索结果中显示该网页的文本摘要或视频预览 copyright copyright 用于标注版权信息 meta name="copyright" content="jiafangchang...no-store 缓存不应存储有关客户端请求或服务器响应的任何内容，即不使用任何缓存。...max-age= 缓存存储的最大周期，超过这个周期被认为过期 meta name="robots" content="all"> meta name="copyright" content="jiafangchang..."> meta http-equiv="cache-control" content="max-age=86400">

2071 0

meta标签大全（荐）

---- html标签中meta属性使用介绍　　meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。　　...meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！　　...meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。...时，代表说明网站是采用的编码是简体中文；　　meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；　　meta标签的charset的信息参数如iso-2022-jp...时，代表说明网站是采用的编码是日文；　　meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；　　meta标签的charset的信息参数如ISO-8859-1

7643 0

meta 标签知多少

meta 标签知多少 meta 标签提供该页面的一些信息，比如针对搜索引擎和更新频度的描述和关键词，它还可以控制页面缓冲、响应式窗口等，定义 meta 标签有利于网站 SEO（有利于搜索引擎访问），对于响应式窗口也起着作用...，因此 meta 标签是 HTML 中很重要的一个标签。...在生成默认的 HTML 文档结构时，通常会有两个 meta 标签： meta charset="UTF-8"> meta name="viewport" content...使用 meta 标签可以设置 Referer 首部信息。...关于该协议可以参考这篇文章： Open Graph Protocol（开放内容协议）[1] The Open Graph protocol[2] 最后以上就是 meta 的使用与作用，可以发现 meta

1.1K1 0

Meta 标签使用详解

meta是html语言head区的一个辅助性标签。...一、meta标签的组成　　meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。　　...，接着我们再来一起看看meta标签的常见功能：　　１、帮助主页被各大搜索引擎登录　　meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。...２、定义页面的使用语言　　这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是...http://www.yeah.net页面中去,这就是meta的刷新作用,在content中,２代表设置的时间（单位为秒）,而URL就是在指定的时间后自动连接的网页地址。

1.4K3 0

常用meta标签整理

常用meta标签列表，为了加强记忆，ytkah采用先放代码再放注释的形式，献给有需要的朋友们 meta charset="utf-8"> 　　↑↑↑ 设置页面编码为UTF8，防止乱码，需要页面保存为UTF8...3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。 4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。...6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。...图标的位置 meta http-equiv="refresh" content="30"> 　　↑↑↑ 网页将在设定的30秒后自动刷新 meta http-equiv="refresh" content...其他一些标签 meta name="copyright" content="本页版权归XX所有，All Rights Reserved.

6222 0

META标签优化SEO

meta标签 meta标签，位于HTML文档的与之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。...meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。...meta标签的内容设计对搜索引擎优化（seo）来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。...4. meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核...logo&&ico ico图标 favicon.ico：网站头像，在网站标题前面，在head标签中添加代码，百度搜索结果缩略图的尺寸是：121*75，因此要展示的图片最好按照这个比例来做，这样的图片更容易被百度抓取收录

1.9K3 0

网页中meta标签的使用

最近，看《Mastering Integrated HTML and CSS》时，在"为适应搜索引擎而调整网站"一节简要介绍了meta>标签。不过，介绍比较粗略。...Meta标签放在每个网页的......Name主要用于描述网页, 对应于content, 以便于搜索引擎查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找Meta值来给你的网页分类）。...这其中最重要的是Description（你的站点在引擎上的描述）和keywords（搜索引擎籍以分类的关键词），应该给你的 "每一页" 都插入这两个meta值。...Http-equiv 　　顾名思义相当于http文件头的作用，可以直接影响网页的传输。

1.5K2 0

网站SEO优化：Meta标签如何书写？Vue项目怎么优化Meta标签？

这可不是最近很火的“元宇宙”或是FB。Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。...而我们SEO优化，就是针对SEO的有效属性，衍生出的keywords、description和viewport。 [云+社区的Meta标签] SEO优化 SEO优化是为了什么呢？...总的来说，有两大作用：让搜索引擎收录，用户可以使用搜索引擎搜索到你的网站。让自己网站的搜索排名提高，用户使用搜索引擎可以更快找到你的网站。...，就是平时meta内，name为og开头的属性，比如我博客的og标签： meta property="”og:title”" content="Mintimate's Blog"> meta property...实现的方法很多，我这里讲解我的实现思路： VueX设置每个页面的description和keywords，之后作用于Vue-meta并在路由内拦截赋值。

4K5 3

pc移动中常用的meta标签

页面中常用的meat标签总结字符编码：声明文档使用的字符编码相对于这种方式，更推荐你（推荐使用HTML5的声明方式）。...meta http-equiv="window-target" content="_top"/> Keywords（关键字）用来告诉搜索引擎你网页的关键字是什么(这个关键字的设定对于整个页面的SEO...一般来说我们会根据当前页面所展示的内容来设定一组关键词语，这样用户在网上进行搜索的时候，搜索引擎会把拥有或者靠近相关关键词的页面呈现给用户，以达到产品推广的作用(当然这个需要长期的SEO/SEM等运营推广才会让自己的网页在搜索出的结果中靠前...meta name="robots" content="index,follow"/> meta name="google" content="index,follow"/> ->下面是声明其它搜索引擎的搜索模式..." content="10 days"/> 声明网页的作者信息 meta name="author" content="zhangxiaohuan@qq.com"/>

7135 0

前端基础-HTML(meta标签)

meta标签 1.编码示意图 ?...这种情况就是乱码，是因为我们输入的中文，往计算机中保存的时候，最终都要转成2进制的数据形式，也就是说有一个编码的过程，在保存文件的时候默认使用的是ANSI编码格式，浏览器显示文件中内容的时候，还需要将2...我们加上meta标签反而会乱码的原因，是因为meta标签可以指定浏览器解析文件的编码格式，不加meta标签反而会正常，是因为我们不指定解码格式，浏览器会自动检测编码格式，再以对应的解码方式进行解码。...字符集的核心点就是如果设置了以什么字符集进行读取，那么在保存的时候也需要设置成对应的字符集 meta charset="utf-8"> 的描述，可能是meta>标签中的description部分，也可能是页面中的一段话

1.1K1 0

学习下meta标签http-equiv=Content-Security-Policy的属性及其作用吧

忘记什么时候接触到这个标签的，今天更新导航主题模板的时候发现了这个标签，然后又重新的学习了一下，发现挺有意思的哈，这个meta是html标签不是什么“元宇宙”，它已经超出了我的认知范围，当然了，这个标签包含了太多的功能...，我们今天要了解的是“Content-Security-Policy”属性及其作用。...代码如下，复制可以直接使用： meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 其实 W3C...工作组考虑到了我们升级 HTTPS 的艰难，早在 2015 年 4 月份就出了一个 Upgrade Insecure Requests 的草案，他的作用就是让浏览器自动升级请求，这个设置不会对外域的...当然了“http-equiv”还有更多更好的作用，感兴趣的童鞋自己百度下吧，基本常用的服务器一般都会集成了，现在的CDN也都很完善也是可以自定义头部信息的，好了，学习了解之后一起加上吧，尤其是刚刚到https

3.4K3 0

学习下meta标签http-equiv=Content-Security-Policy的属性及其作用吧

忘记什么时候接触到这个标签的，今天更新导航主题模板的时候发现了这个标签，然后又重新的学习了一下，发现挺有意思的哈，这个meta是html标签不是什么“元宇宙”，它已经超出了我的认知范围，当然了，这个标签包含了太多的功能...，我们今天要了解的是“Content-Security-Policy”属性及其作用。...代码如下，复制可以直接使用： meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 其实 W3C...工作组考虑到了我们升级 HTTPS 的艰难，早在 2015 年 4 月份就出了一个 Upgrade Insecure Requests 的草案，他的作用就是让浏览器自动升级请求，这个设置不会对外域的...当然了“http-equiv”还有更多更好的作用，感兴趣的童鞋自己百度下吧，基本常用的服务器一般都会集成了，现在的CDN也都很完善也是可以自定义头部信息的，好了，学习了解之后一起加上吧，尤其是刚刚到https

6.6K3 0

【说站】学习下meta标签http-equiv=Content-Security-Policy的属性及其作用

今天更新导航主题模板的时候发现了这个标签，然后又重新的学习了一下，发现挺有意思的哈，这个meta是html标签不是什么“元宇宙”，它已经超出了我的认知范围，当然了，这个标签包含了太多的功能，我们今天要了解的是...“Content-Security-Policy”属性及其作用。...代码如下，复制可以直接使用： Markup meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests..."> 其实 W3C 工作组考虑到了我们升级 HTTPS 的艰难，早在 2015 年 4 月份就出了一个 Upgrade Insecure Requests 的草案，他的作用就是让浏览器自动升级请求，这个设置不会对外域的...当然了“http-equiv”还有更多更好的作用，感兴趣的童鞋自己百度下吧，基本常用的服务器一般都会集成了，现在的CDN也都很完善也是可以自定义头部信息的，好了，学习了解之后一起加上吧，尤其是刚刚到https

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭