做項目的時候發現正常的代碼在360浏覽器上樣式都是亂的，翻閱資料才發現360是雙核，分為極速模式和相容模式，極速模式是用webkit核心，相容模式是用trident核心（也就是IE核心）,最後加了一行代碼就完美解決了
1 <meta name="renderer" content = "webkit"/> 竟然一行代碼“功力這麼強大”，真是有必要認真學習了解一下常用的head頭标簽了。首先，總結一下浏覽器預設的核心模式：
國内雙核浏覽器預設核心模式如下：
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"> - device-width 為裝置的寬度
- user-scalable 使用者調整縮放，yes為允許使用者對其縮放，反之為no，若設定為no，minimum-scale和maximum-scale都将被忽略，因為根本不可以縮放。
- initial-scale：初始的縮放比例 （範圍從>0 到10）
3.聲明編碼
<meta charset="utf-8"/>
<html>
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">
6.手機端常用設定
H5頁面視窗自動調整到裝置寬度，并禁止使用者縮放頁面
1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 1 <meta name="format-detection" content="telephone=no" /> 1 <meta name="format-detection" content="email=no" /> ![ElasticSearch：部署ElasticSearch & Kibana[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)