網站開發經常需要對頁面做一些處理，比如SEO、控制頁面顯示方式等等，下面做下整理方便查閱。

Meta

網頁編碼

<meta charset="UTF-8">

網頁自適應

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

以最新內核加載

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

Chrome 沉浸顏色

<meta name="theme-color" content="#颜色" />

DNS 預加載

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//链接" />

禁止識別電話號郵箱

<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />

Windows8 磁貼

<meta name="msapplication-TileColor" content="#颜色"/>
<meta name="msapplication-TileImage" content="链接"/>

描述

可被QQ 分享抓取版：

<meta name="description" itemprop="description" content="喵喵喵">

關鍵詞

<meta name="keywords" content="英文逗号分割每个关键词,就像这样">

禁止瀏覽器讀取緩存

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">

QQ 分享

<meta itemprop="name" content="分享标题"/>
<meta itemprop="image" content="分享缩略图" />

頁面跳轉

<meta http-equiv="refresh" content="3;url=https://vircloud.net/">

允許記錄訪問來源

<meta name="referrer" content="always">

Link

網頁圖標

<link rel="icon" type="image/ico" href="favico.ico">

頁面樣式表

<link rel="stylesheet" href="https://vircloud.net/usr/themes/armx/css/style.css">

Safari 圖標

<link rel="apple-touch-icon" href="https://vircloud.net/usr/themes/armx/img/apple-touch-icon.png">

定義網頁語言

<link rel="alternate"  href="https://vircloud.net/" hreflang="zh-Hans" />

聲明源網頁

即多個網頁內容相同的話，告訴搜索引擎應該抓哪個地址為準。

<link rel="canonical"  href="https://vircloud.net/" />