html基礎鞏固

weixin_33766168發表於2017-10-01

HTML(HyperText Markup Language)基礎

  1. HTML file is plain text file(純文字檔案)
    純文字檔案就是這樣的檔案:

    • 只有文字,沒有樣式
    • 用記事本等純文字編輯器可讀,不是亂碼
  2. HTML是負責描述文件語義的語言

    • html中,除了語義,其他什麼都沒有。
    • html是一個純本文檔案(就是用txt檔案改名而成),用一些標籤來描述文字的語義,這 些標籤在瀏覽器裡面是看不到的,所以稱為“超文字”,所以就是“超文字標記語言”了。
    • 比如,面試的時候問你,h1標籤有什麼作用?

      • 正確答案:給文字增加主標題的語義
      • 錯誤答案:給文字加粗、加黑、變大
  3. 結構structure

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
            <meta name="Keywords" content="牛逼,很牛逼,特別牛逼" />
            <meta name="Description" content="**是中國領先的網際網路技術公司,為使用者提供免費郵箱、遊戲、搜尋引擎服務,開設新聞、娛樂、體育等30多個內容頻道,及部落格、視訊、論壇等互動交流,網聚人的力量。" />
            <title>Document</title>
        </head>
        <body>
    
        </body>
    </html>
    
    • DocType Declaration(DTD: 6+1)

      此標籤可告知瀏覽器文件使用哪種 HTML 或 XHTML 規範。到底有哪些規範呢?首先我們先確定一件事兒,我們現在學習的是HTML4.01這個版本,這個版本是IE6開始相容的。HTML5是IE9開開始相容的。但是IE6、7、8這些瀏覽器還不能過早的淘汰,所以這幾年網頁還是應該用HTML4.01來製作。後面將知道手機、移動端的網頁,就可以使用HTML5了。 HTML4.01裡面有兩大種規範,每大種規範裡面又各有3種小規範。所以一共6種規範(見下面):HTML4.01裡面規定了普通、XHTML兩大種規範。HTML覺得自己有一些規定不嚴謹,比如,標籤是否可以用大寫字母呢?<H1></H1> 所以,HTML就覺得,把一些規範嚴格的標準,又制定了一個XHTML1.0。在XHTML中的字母X,表示“嚴格的”。

      • HTML4.01

             Strict        嚴格的,體現在一些標籤不能使用,比如u
             Transitional   普通的
             Frameset     帶有框架的頁面
      • XHTML1.0

         嚴格體現在小寫標籤、閉合、引號
         Strict          嚴格的,體現在一些標籤不能使用,比如u
         Transitional    普通的(我們學習的版本)
         Frameset      帶有框架的頁面
      • html5

         HTML5中極大的簡化了DTD,也就是說HTML5中就沒有XHTML了(W3C自己打臉了):<!DOCTYPE html>
        
    • charset :

      • UTF-8 字多,有各種國家的語言,但是儲存尺寸大,檔案臃腫;
      • gb2312字少,只用中文和少數外語和符號,但是尺寸小,檔案小巧。
    • kerwords :關鍵字
    • description :描述

    圖片描述

  4. HTML5

    • What is html5 ? html5 = html + css + Javascript API

      新一代web開發富客戶端應用程式整體解決方案
    • What is rich client ? 指具有很強互動性和體驗的客戶端程式

相關文章