html的meta - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML中的meta

概念 HTML meta> 元素表示那些不能由其它HTML元相关元素 (，，，或 ) 之一表示的任何元数据信息....meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta> 标签位于文档的头部，不包含任何内容。...-- Defining the charset in HTML4 --> meta http-equiv="Content-Type" content="text/html; charset=utf-...-- In HTML5 --> meta charset="utf-8"> meta http-equiv="refresh" content="3;url=http://www.liuyifeng0000

3.2K2 0

HTML meta 标签

其中 http-equiv 和 name 必须与 content 配合组成键值对使用， charset 为 HTML5 属性， scheme 属性 HTML5 不支持。...charset 定义 HTML 文档编码方式，一般使用世界通用语言编码 UTF-8。...meta charset="UTF-8"> 在 HTML4 中的写法是 meta http-equiv="Content-Type" content="text/html; charset=UTF-...虽然有些服务器会发送许多这种键值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接收一个 HTML 文档。...meta name="keywords" content="HTML5,meta"> meta name="description" content="blabla"> meta name="viewport

7.3K3 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 ，就是万国码。...而目前我们一般推荐使用第一种写法，也是HTML5使用的写法。

3K3 0

html头部meta属性大全

--说明网站的采用的什么软件制作--> meta name='Copyright' content='zhoulujun'> meta http-equiv="content-Type"content="text/html;charset=gb2312"> 的字符集。...X-UA-Compatible是IE8的一个专有meta>属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。...--设置屏幕缩放--> meta http-equiv="content-Type" content="text/html;charset=gb2312"> 的字符集。...--说明网站的采用的什么软件制作--> meta name='Copyright' content='zhoulujun'> <!

1.8K4 0

HTML中meta的基本知识

在MDN中他是这样定义的： meta是文档级元素，用来表示那些不能由其它 HTML 元相关元素（、、、或）之一表示的任何元数据。...meta 元素定义的元数据的类型： 1. 设置了 itemprop 属性，meta 元素提供用户定义的元数据。 2. ...设置了 charset属性，meta元素是一个字符集声明，告诉文档使用哪种字符编码。 3. 设置了 name属性，meta元素提供的是文档级别的元数据，应用于整个页面。 4. ...如果设置了hettp-equiv属性，meta元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。...2. content-type 用来声明文档类型和字符集 3. x-dns-prefetch-control 一般来说，HTML页面中的a标签会自动启用DNS提前解析来提升网站性能，但是在使用https

5821 0

前端基础-HTML(meta标签)

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

1.1K1 0

HTML中meta标签的作用与使用

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

1.7K1 0

HTML中常用meta标签整理

概要 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。...而添加meta标签的网站可以控制浏览器选择何种内核渲染。...meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url"> <!...-- [wml|xhtml|html5]根据手机页的协议语言，选择其中一种； url="url" 后者代表当前PC页所对应的手机页URL，两者必须是一一对应关系。...-- windows phone 点击无高光 --> meta name="msapplication-tap-highlight" content="no"> 一个常用的移动端页面meta设置 meta

1.7K2 0

HTML5中meta属性的使用详解

meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。...1、声明文档使用的字符编码 meta charset='utf-8'> 2、声明文档的兼容模式 meta http-equiv="X-UA-Compatible" content="IE=edge"...3、SEO 优化 meta name="description" content="不超过150个字符" />页面描述 meta name="keywords" content="html5, css3...，主要是针对一些老的不识别viewport的浏览器，比如黑莓 meta name="MobileOptimized" content="320">微软的老式浏览器 meta name="x5-orientation...--[if IE 7 ]>html class="oldie ie ie7"> html class="ie ie8"> <!

2.8K3 1

使用 HTML meta 标签来禁用缓存

如何完美滴使浏览器访问一个 HTML 页面时禁用缓存？在测试某个 SPA 项目时，发现更改后 Chrome 浏览器页面刷新还是使用之前的版本。经调查发现 Chrome 默认缓存值为 300 秒。...经测试跨浏览器禁止缓存的 headers 如下： Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires:...0 Cache-Control is for HTTP 1.1 Pragma is for HTTP 1.0 Expires is for proxies 因为是 HTML 页面，可以于 HEAD 标签内直接添加...META 标签： meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> meta http-equiv...="Pragma" content="no-cache" /> meta http-equiv="Expires" content="0" /> 其他文件就需要使用服务器设置文件控制 header 咯

4.3K3 0

HTML5 meta viewport参数详解

随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 ?...移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，具体来说，就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大...viewport语法如下： meta name="viewport" 　　content=" 　　height = [pixel_value | device-height] , 　　width =...例如：设置屏幕宽度为设备宽度，禁止用户手动调整缩放：　meta name="viewport" content="width=device-width,user-scalable=no" />...设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放： meta name="viewport" content="width=device-width, 　　target-densitydpi

2.2K1 0

HTML meta标签总结与属性使用介绍

之前学习前端中，对meta标签的了解仅仅只是这一句。但是打开任意的网站，其head标签内都有一列的meta标签。比如我博客的。...但是自己却很不熟悉，于是把meta标签加入了寒假学习计划的最前方。简介在查阅w3school中，第一句话中的“元数据”就让我开始了Google之旅。...所以这儿采用英文版W3school的解释。） The meta> tag provides metadata about the HTML document....(设定网页字符集)(推荐使用HTML5的方式) 说明：用于设定网页字符集，便于浏览器解析与渲染页面举例： meta http-equiv="content-Type" content="text/html...;charset=utf-8"> //旧的HTML，不推荐meta charset="utf-8"> //HTML5设定网页字符集的方式，推荐使用UTF-8 B.

1.5K6 0

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

1.meta标签的定义 meta标签是head部的一个辅助性标签，提供关于 HTML 文档的元数据。它并不会显示在页面上，但对于机器是可读的。... 2.meta标签的作用 meta标签里的数据是供机器解读的，其主要作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价... 3.meta标签的可选属性（带(#)的为 HTML5 中的新属性）属性值描述 charset(#) character_set 定义文档的字符编码。...scheme format/URI HTML5不支持。定义用于翻译 content 属性值的格式。 4.下面展示了一些常用的Meta meta charset="utf-8"/> meta http-equiv="Content-Type" content="text/html; charset=utf-

1.3K2 0

HTML之使用Meta标签解决常见的奇葩问题

正文一、meta标签的总结 keywords,description(经常用到的两个) 页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’逗号隔开 meta name="keywords..." content="HTML,CSS,JAVASCRIPT,PHP"> meta name="description" content="html meta标签大全,整理一下加强记忆"> Content-Type...告诉浏览器当前访问的资源类型并声明编码 meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> viewport 随大小设备自动适配...name="full-screen" content="yes"/> browsermode 浏览器模式-强制坚屏显示(部分移动端浏览器的专有属性) meta name="browsermode"...android下无效 Retina屏的1px边框 element{ border-width: thin; } 旋转屏幕时，字体大小调整的问题 html, body, form, fieldset,

1.4K2 0

html refresh原理,HTML meta refresh 刷新与跳转(重定向)页面

大家好，又见面了，我是你们的朋友全栈君。下面为各位整理了一些HTML meta refresh 刷新与跳转(重定向)页面的例子吧，后面本站长自己也补充了一些js页面刷新与跳转例子吧。...refresh 属性值 — 刷新与跳转(重定向)页面 refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中，使用content属性表示刷新或跳转的开始时间与跳转的网址...有3个jsp页面(1.aspx, 2.aspx, 3.aspx)，进系统默认的是1.aspx，当我进入2.aspx的时候， 2.aspx里面用window.location.replace(“3.aspx...4.self.location方式实现页面跳转，和下面的top.location有小小区别 5.top.location 6.不推荐这种方式跳转 meta方式实现跳转(content = 3 单位是秒)...发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/161193.html原文链接：https://javaforall.cn

2.2K1 0

HTML meta标签实现定时刷新或跳转

除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”description”)(for SEO)，还可以定义视区大小、缩放比例等(for 移动端)，如下： meta name...=’http://www.qq.com/'”>页面直接跳转到腾讯网~ 所以，当我们下次遇到“登录成功，正在跳转到您之前访问页面……”的时候，可以使用meta>的这个refresh刷新，跳转功能，可以说是成本最低的...为何meta跳转不火呢？大家可以看到，meta跳转，使用方便，不用写JS，不用会后台代码，定时跳转刷新什么的玩得照样很溜，而且兼容性好，为啥总感觉不温不火，很少看见有人提及呢？...新晋的小伙伴不知有没有听过这么一个词，叫做“万恶的IE6年代”。据说，当年，这一批老旧的浏览器，问题很多，其中就有对meta2个小小的不友好。我也是听说，不一定准确。...不妨大胆试试meta跳转，好好利用下浏览器的原生特性，说不定就会发现比什么JS跳转之流用得更开心。

2.3K1 0

html meta 标签和浏览器缓存关系

html 中 meta 的介绍基本介绍 meta 标签主要是用来描述一个 html 网页文档的属性的。例如作者、日期、时间、页面刷新。还可以用于 seo 的搜索优化。...name 属性的一般应用 keyword、description、author、robot 基本应用 // 语言格式 "utf-8"> //关键字和描述 html 主体内容 "keywords"...content="关于meta标签,网页,918之初"> // 作者信息 //便于 seo 搜索该属性的值有all、none、index、noindex、follow和nofollow...） refresh(刷新：等待一定时间自动刷新或跳转到其他url) // 文档类型 "content-type" content="text/html; charset=UTF-8"> // 必须是...引用： 1 https://www.cnblogs.com/zhuzhenwei918/p/6028414.html 2 https://segmentfault.com/a/1190000012613216

1K3 0

最全Html标签Meta介绍，全面总结，学HTML这一篇够了

今天查Html手册时，又有了新的发现。也就这机会，好好总结下HTML中Meta的使用。　　HTML meta> 标签，所有浏览器都支持 meta> 标签。它提供关于HTML文档的元数据。...meta> 标签位于文档的头部，不包含任何内容。meta> 标签的属性定义了与文档相关联的名称/值对。　　...在 HTML 中，meta> 标签没有结束标签,在 XHTML 中，meta> 标签必须被正确地关闭。...meta name="keywords" content="HTML,ASP,PHP,SQL"> 　　　　页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签　　meta...content="text/html; charset=utf-8"> 　　禁止缓存：禁止浏览器从本地机的缓存中调阅页面内容，网页不保存在缓存中，每次访问都刷新页面。

1.5K1 1

移动前端头部标签(HTML5 meta)

在移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码 html> 使用 HTML5 doctype，不区分大小写标准的 lang 属性写法 meta charset=’utf-8′> 声明文档使用的字符编码...” content=”yes”/> 添加到主屏后的标题（iOS 6 新增）是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 meta name=”apple-itunes-app”...=”telphone=no, email=no”/> 设置苹果工具栏颜色 meta name=”renderer” content=”webkit”> 启用360浏览器的极速模式(webkit)...viewport的浏览器，比如黑莓 meta name=”MobileOptimized” content=”320″> 微软的老式浏览器 meta name=”screen-orientation

1.6K8 0

CSS入门2-认识html之meta标签详解

但是其最重要的MIME类型是text/html，并用来设置字符集。..." content="text/html;charset=utf-8"> 设置字符集时，可以简写： meta charset="utf-8"> XXX取值： gb2312（或gbk）时，代表说明网站是采用的编码是简体中文...utf-8时，代表世界通用的语言编码（最常用） 2.2content-language(显示语言设置) 作用：设定页面的语言以及国家代码（HTML文档的语言可通过在html标签的lang属性、xml:...参考 W3school-HTML meta> 标签百度百科-meta Http meta详解 html中charset和content-language的区别 HTML meta content-language...定义页面语言语言名称代码表国家名称代码表梦之都-HTML meta 标签页面的缓存设置与meta的作用详细解释 Http头介绍:Expires,Cache-Control,Last-Modified

6401 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭