html網頁中head頭部標籤的優化總結
阿新 • • 發佈：2018-12-12
寫網頁時，對於<head>標籤，每次都需要重新寫，有時候總是丟掉一些該有的標籤。
今日總結一下<head>標籤中的元素，做個記錄，會持續更新。
如果你還知道這裡面沒有的，評論區留個言，大家一起進步。
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>開始使用layui</title> <meta name="keywords" content="網頁關鍵字"> <meta name="description" content="網頁描述"> <!-- css檔案 --> <link rel="stylesheet" href="layui/css/layui.css"> <!-- font-awesome 字型圖示 --> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- 網站的ico圖示 --> <link rel="shortcut icon" href="/images/favicon.ico"> <!-- ios使用者新增到主螢幕上顯示的圖片，一下尺寸相容各種移動裝置 --> <link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" /> <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" /> <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" /> <link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" /> <link rel="canonical" href="網站絕對地址" /> <!-- 告訴搜尋引擎站點作者 --> <meta name="Author" contect="qinshoushou"> <!--用以說明生成工具（如Microsoft,FrontPage 4.0,typecho）等--> <meta name="generator" content="Typecho 1.1/17.10.30" /> <!-- 告訴搜尋引擎站點模版的作者 --> <meta name="template" content="molerose" /> <meta http-equiv="Page-Exit" contect= "revealTrans(duration=20，transtion=6) "> <!-- H5手Q分享通用介面程式碼片段 --> <meta itemprop="name" content="網頁標題"> <meta itemprop="description" content="網頁描述"> <meta itemprop="image" content="縮圖200*200最佳"> </head>