標籤:搜尋引擎 擴充 color esc rip tle meta doctype nbsp
一.HTML的基本構成1.<!DOCTYPE html>文件類型聲明
<!--HTML的文件類型聲明。聲明這個檔案是HTML5檔案,讓瀏覽器按照HTML5準備進行解析顯示。文件類型聲明在HTML檔案中,必須要有,而且必須寫在檔案最上方。如果不寫文件類型聲明,瀏覽器會預設按照相容模式運行,可能會出現不明bug。-->
<!--注釋:文件類型聲明是寫給程式員看的,網頁中不會顯示。html中的注釋快速鍵:Ctrl+/ -->2.<head></head>部分head作用:
用於描述網頁的一些關鍵資訊。比如網頁的配置,設定,關鍵字等等……這些資訊,大多在瀏覽器看不到,但是對網頁的解析至關重要!
(1) meta標籤,用於描述網頁的各種資訊
其中<mete chaset="utf-8"/> 設定網頁的編碼格式為UTF-8。
【設定網頁的字元集編碼格式:】 GB2312:簡體中文的編碼格式。 GBK:擴充的國標碼。比國標碼多了更多的編碼格式。 utf-8:萬國碼。可以相容絕大多數國家的語言。
[瞭解]: HTML4.01之前,聲明字元集編碼的格式: <meta http-equiv="Content-type" content="text/html; charset=utf-8" />程式碼範例: <meta charset="utf-8" />
(2)設定網頁的關鍵字,有助於搜尋引擎的搜尋。
name="keywords"表示這個mete標籤設定的是網頁的關鍵字; content=""表示關鍵字的詳細資料,多個關鍵字,用英文逗號分隔;程式碼範例: <meta name="keywords" content="H5網頁開發"/>
(3)設定網頁的描述資訊,搜尋引擎搜尋時,標題下面的一段文字!非常重要!
name="description"表示這個mete標籤設定的是網頁的描述資訊;contet=""表示描述資訊的詳細內容!!!程式碼範例: <meta name="description" content="這是我在傑瑞教育開發的第一個網頁!" <!--title:網頁的標題,顯示在瀏覽器選項卡上面的文字-->程式碼範例: <title>這是我的第一個網頁!!</title>
<link>標籤link連結網頁的小表徵圖:網頁選項卡上的小圖片
①rel="icon"表示當前link的作用,是連結網頁表徵圖; ②href=""表示圖片地址 <link/>自閉合標籤,也叫空標籤。程式碼範例: <link rel="icon" href="img/QQ.jpg" />3.<body></body>部分
H5入門——HTML部分