WordPrss主题模板头部header.php常用参数参考
2018-09-09

在制作WordPress主题模板时,头部header.php的代码尤为重要,因为它起着很多重要的作用。

  1. 控制浏览器访问时显示方式
  2. 设置网页的标题和收藏图标
  3. 设置网站的编码和语言
  4. 设置网站引用的样式和特效

因此,偶米工作室在制作WordPress主题模板,对于header的设置有一些见解,整理如下,供大家参考。

网页访问时优先使用“高速”浏览器内核模式

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
<meta http-equiv="X-UA-Compatible" content="edge" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">

以上三行代码,是强制使用chrome内核或者IE最高版本来解析网页,将样式返回给客户。第三行是360 提出来的“浏览器内核控制Meta标签”,作用是为了照顾国内众多“双核浏览器”的用户,使用webkit 内核进行渲染。

百度搜索时禁止对网页进行转码

在两年前随着移动互联网的发展,很多网站都没有做移动端的适配,百度搜索引擎考虑到“用户体验”,就在移动端对网页进行转码。

但是,转码后的网页有很多问题,而且还被加入了广告,因此,使用一下代码,可以禁止对网页进行转码。

<meta http-equiv="Cache-Control" content="no-transform " />

以上是两个meta标签的介绍,制作网站时,添加个meta标签不是很费事效果却不错,“狠狠”地照顾了国内的浏览器,赠人玫瑰,手留余香。

相关知识