meta标签的使用

最新推荐文章于 2024-06-21 16:41:46 发布
最新推荐文章于 2024-06-21 16:41:46 发布
阅读量98 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/cacti/p/4468239.html
版权

元数据(Metadata)是数据的数据信息.
<meta>标签提供了HTML文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
1、定义文档关键词，用于搜索引擎：
<meta name="keywords" content="html,css,xml,xhtml,javascript">
2、定义web页面描述：
<meta name="description" content="free web tutorials on html and css">
3、定义页面作者：
<meta name="author" content="cacti">
4、每30秒刷新页面:
<meta http-equiv="refresh" content="30">
5、360浏览器meta标签使用--使用极速模式（即webkit内核）
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">
6、meta标签控制ie渲染标准模式和兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />
文档模式（document mode）是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS，可以使用JavaScript的哪些API，以及如何对待文档类型（doctype）。
从上面的例子可以看出"X-UA-Compatible"的值有两种方式：Emulate+IE版本号，单纯版本号。这两种有何区别呢？
Edge：始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8，始终以IE8标准模式渲染页面。IE9亦如此。
EmulateIE9：如果声明了文档类型，则以IE9标准模式渲染页面，否则将文档模式设置为IE5。 EmulateIE8：如果声明了文档类型，则以IE8标准模式渲染页面，否则将文档模式设置为IE5。 EmulateIE7：如果声明了文档类型，则以IE7标准模式渲染页面，否则将文档模式设置为IE5。
9：强制以IE9标准模式渲染页面，忽略文档类型声明。
8：强制以IE8标准模式渲染页面，忽略文档类型声明。
7：强制以IE7标准模式渲染页面，忽略文档类型声明。
5：强制以IE5标准模式渲染页面，忽略文档类型声明。

也许你在实际使用 X-UA-Compatible 的时候，可能会出现不管用的情况，其实，不能单单的只是加：meta，还需要，把DOCTYPE的定义去掉，其实这样就可以了：<!DOCTYPE html> 。快检查一下，你的代码中是不是还是这个：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 改掉试试

转载于:https://www.cnblogs.com/cacti/p/4468239.html

dengyu6119
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
hteml meta标签使用方法
09-25
META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码：
网页优化meta标签使用方法及规则中文WORD版
07-22
资源名称：网页优化meta标签使用方法及规则 中文WORD版   本文档主要讲述的是网页优化meta标签使用方法及规则；meta是html语言head中的一个辅助标签，meta标签由http-equlv属性和name属性组成，属性不同...
HTML中的meta元素
hao_sir
01-04 316
<meta>元素必须放在<head>标记内，而且必须写在HTML文件前1024B之内 <meta>元素的主要目的是提供有关这份HTML文件的相关信息。例如编码方式，作者信息，关键词信息或重新导向网址以便将用户导向至另一个网址等。 一个<head>标记内有多个<meta>元素存在。 以下转载自 https://www.jian...
HTML CSS学习笔记
lb08241的博客
11-25 1258
——1.HTML5基础—— 5.在网页中，HTML决定结构和内容，CSS设定网页的表现样式，JavaScript控制网页的行为。 6.<!DOCTYPE html>必须位于HTML文档第一行。 7.<meta>标签：用于方便浏览器解析或搜索引擎搜索，一般放置于<head>中，用"名称/值"方式： (1)表示文档内容类型、字符串编码信息 如：<meta...
＜meta＞ 标签
chenrongwei92的博客
10-06 136
例子: <head> <meta name="description" content="免费在线教程"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="runoob"> <meta charset="UTF-8"> </head> 定义及使用: 元数据（Metadata）是数据的数据信息。 <m
Html meta 标签定义页面元信息，H5唤醒打电话和发短信
蚩尤后裔-汪茂雄
10-17 5625
目录 定义与用法 meta 标签属性 name 属性 http-equiv 属性 content 属性 name viewport 移动端优化 HTML 4 与 5 差异 常用实例 定义与用法 &lt;meta&gt; 元素可提供有关页面的元信息（meta-information），通常用于指定网页的描述，关键词，文件的最后修改时间，作者、搜索引擎和更新频度及其他元数据。 ...
html5中的meta标签
Hermit_Yoshino的博客
10-23 231
html5中的meta标签 参考资料 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta https://www.runoob.com/tags/tag-meta.html https://www.w3school.com.cn/tags/tag_meta.asp https://www.w3school.com.cn/html5/html5_meta.asp https://www.jianshu.com/p/7725c30b5a
网页优化meta标签使用方法及规则.docx
05-19
网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法...
Meta标签详解
10-31
Meta标签详解
css引入方式有几种？link和@import有什么区别？
tianxianghuiwei的博客
06-13 379
link>标签和@import规则。<link>这种方式是在HTML文档的<head>部分或者XHTML文档的<head>或<body>部分添加<link>标签，通过href属性指定外部样式表的URL。<link>标签会在页面加载时同时加载并解析外部样式表，从而使得样式可以立即生效。@import@import规则是在CSS文件中使用的一种方式，用于引入外部样式表。它需要写在CSS文件的顶部（除了可能的@charset声明），并且只能引入一次。@import规则相对于<link>
不出网上线CS的各种姿势（内网横向）
最新发布
qq_64395221的博客
06-21 896
在内网环境中可以使用ipc $生成的SMB Beacon上传到目标主机执行，但是目标主机并不会直接上线的，需要我们自己用链接命令(link <ip>)去连接它。经常是拿下一台边缘机器，其有多块网卡，用于连接内外网，内网机器都不出网。因为连接的Beacons使用Windows命名管道进行通信，此流量封装在SMB协议中，所以SMB Beacon相对隐蔽，绕防火墙时可能发挥奇效。一样，建立pystinger连接之后，直接生成payload在业务主机执行，业务内网主机192.168.111.236即可成功上线。
Day43
m0_67496588的博客
06-20 988
JSON，Ajax
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 464
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
使用nvm管理nodejs版本，设置淘宝NPM镜像源
d312697510的博客
06-19 226
使用nvm管理nodejs版本，设置淘宝NPM镜像源，修改新的镜像源地址
【element 】修改下拉菜单＜el-dropdown样式为横向（超简单）
qq_61798306的博客
06-18 319
【element 】修改下拉菜单
Vue3+ECharts
清晨-阳光的博客
06-17 334
在Vue3中，初始化echarts实例时，会将echarts实例对象转换成响应式对象，从而在resize时无法获取需要的数据。
什么是try-catch?
qq_60504665的博客
06-18 426
try-catch是编程中用于处理异常（errors 或 exceptions）的一种结构，特别是在许多编程语言中，如 JavaScript、Java、C#、Python（尽管 Python 的语法略有不同）等。它的主要目的是在代码执行过程中捕获并处理运行时错误，从而防止程序因未处理的异常而意外终止。以下是try-catch。
Vue3中的常见组件通信（超详细版）
m0_63165331的博客
06-19 1002
本文详细讲述了vue3中常用的组件通信使用方法。主要包括props、自定义事件、mitt、v-model、$attrs、$refs和$parent、probide和inject、pinia、插槽。
Vue生命周期
weixin_63680330的博客
06-19 222
定义：指一个对象从创建到销毁的整个过程。
meta 标签使用场景
09-28
meta标签可以用于设置网页的各种元数据，包括页面的编码方式、关键字、描述等。其中，viewport是一种常见的使用场景，用于控制网页在移动设备上的显示方式。通过设置meta标签的viewport属性，可以指定页面的宽度、缩放比例等参数，以适应不同设备的屏幕尺寸和分辨率。 另外，meta标签还可以用于控制网页的referrer信息。通过设置meta标签的referrer属性，可以指定网页在跳转到其他网站时是否携带referrer信息。referrer信息可以告知目标网站用户是从哪个页面跳转过来的。 除了以上两个常见的使用场景，meta标签还可以用于设置网页的语言、字符编码、搜索引擎优化等。根据具体需求，可以通过设置不同的meta标签来实现相应的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值