H5入門——HTML部分

來源:互聯網
上載者:User

標籤:搜尋引擎   擴充   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部分

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.