星空网 > 软件开发 > 网页设计

meta总结

做项目的时候发现正常的代码在360浏览器上样式都是乱的,翻阅资料才发现360是双核,分为极速模式和兼容模式,极速模式是用webkit内核,兼容模式是用trident内核(也就是IE内核),最后加了一行代码就完美解决了

<meta name="renderer" content = "webkit"/>
 
顺便总结一下浏览器默认的内核模式:

国内双核浏览器默认内核模式如下:
1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)


1.搜索引擎 (SEO优化

 页面关键字

<meta name="keywords" content="技术">

页面描述

<meta name="description" content = "搜索相关课程">

2.移动设备

<meta name="viewport" content="">

设置屏幕宽度为设备宽度,禁止用户手动调整缩放

<meta name = "viewport" content="width=device-width,user-scalable=no">

  1. device-width   为设备的宽度

  2. user-scalable   用户调整缩放,yes为允许用户对其缩放,反之为no,若设置为no,minimum-scale和maximum-scale都将被忽略,因为根本不可以缩放。

  3. initial-scale:初始的缩放比例 (范围从>0 到10)

3.声明编码

<meta charset="utf-8"/>

<html lang="en">

4.内核设置

优先使用IE最新版本和Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

浏览器内核控制:(国内很多是双内核(webkit,trident)添加以下meta可以控制浏览器使用何种内核渲染)

<meta name="renderer" content = "webkit | ie-comp| ie-stand"/>

 

content的取值为 webkit   ie-comp  ie-stand, (是区分大小写的,使用的时候要注意),分别代表webkit 内核,IE 兼容内核,IE 标准内核。

如:若页面需默认用极速核,增加标签:

<meta name="renderer" content="webkit">


 

5.缓存设置

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

<meta http-equiv="Pragma" content="no-cache">

<meta name="renderer" content="webkit|ie-comp|ie-stand">
content的取值为 webkit   ie-comp  ie-stand, (是区分大小写的,使用的时候要注意),分别代表webkit 内核,IE 兼容内核,IE 标准内核。

如:若页面需默认用极速核,增加标签:

<meta name="renderer" content="webkit">






原标题:meta总结

关键词:技术

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

美国fba海运货运:https://www.goluckyvip.com/tag/38001.html
美国fba海运价格:https://www.goluckyvip.com/tag/38002.html
美国fba海运价钱:https://www.goluckyvip.com/tag/38003.html
美国fba海运拼箱:https://www.goluckyvip.com/tag/38004.html
美国fba海运渠道:https://www.goluckyvip.com/tag/38005.html
美国fba海运散货拼箱:https://www.goluckyvip.com/tag/38006.html
无锡旅游景点竹海 - 无锡的竹海:https://www.vstour.cn/a/363178.html
5月贾汪好玩的地方 贾汪哪有好玩的地方:https://www.vstour.cn/a/363179.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流