HTML-一個網頁的頭部的大概框架（完善ing）

鋒o丫頭發表於2016-12-07
原文網址 : https://flycode.co/archives/137653
HTML網頁框架

正常情況下，一個頭部（考慮相容、響應、title圖示的需求），所要填寫的內容如下：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="本網站的目的是" />
        <meta name="keywords" content="關鍵字A,關鍵字B,關鍵字C,關鍵字..." />
        <meta name="author" content="郭菊鋒,tel-151***,email-***">
        <meta name="viewport" content="width=device-width, initial-scale=1">
<!--讓網頁的在移動裝置中不縮放-->
        <title>網頁的標題</title>
<!--title圖示，只需把連結更換，然後把jpg、png、gif等格式的logo圖片字尾名自改成.ico，具體方法見：http://www.cnblogs.com/padding1015/p/6065425.html（HTML-如何讓自己的網頁標題處可以顯示網站的logo？）-->
        <link rel="Bookmark" href="img/logo.png" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/template.css" />
<!--title圖示完-->
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <!--IE=edge告訴IE使用最新的引擎渲染網頁，chrome=1則可以啟用Chrome Frame
        -->
　　　　<meta name="renderer" content="webkit"><!-- 360暖心設定——避免IE使用相容模式 -->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries（翻譯：以下兩個外聯js檔案，是讓ie8及以下相容html5和響應式的實現方法——媒體查詢） -->
        <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--接下來就可以連結你需要的css檔案和js檔案，但最好的推薦是js檔案在body的底部進行連結，總之最起碼要有自己的規範，做到程式碼風格整體統一-->
    </head>
最起碼要有自己的規範，做到程式碼風格整體統一
其他補充的：
1.＜meta name="Robots" contect="all"＞檔案可以被檢索


相關文章