天天看點

HTML5的基本入門格式介紹

學習任何一門語言都要掌握它的基本格式,就像寫信需要符合書信的格式要求一樣。想要學習HTML5,同樣需要掌握HTML5的基本格式。本節将通過和XHTML結構的對比,講解HTML5文檔的基本格式。

使用Dreamweaver建立XHTML文檔,預設文檔時會自帶一些代碼,如圖1所示

HTML5的基本入門格式介紹

圖 1 XHTML文檔基本格式

在圖1所示的XHTML帶碼中<!doctype>文檔類型聲明、< html>、< head>和共同組成了XHTML文檔的結構,具體介紹如下。

1.<!doctype>

<!doctype>位于文檔的最前面,用于向浏覽器說明目前文檔使用哪種HTML或XHTML标準規範。是以隻有在開頭處使用<!doctype>聲明,浏覽器才能将該文檔作為有效的HTML文檔,并按指定的文檔類型進行解析。

2.< html>

位于之後,也被稱為根标簽。根标簽主要用于告知浏覽器其自身是一個HTML文檔,其中< html>标志着HTML文檔的開始,</ html>則标志着HTML文檔的結束,在它們之間是文檔的頭部和主體内容。

3.< head>

< html>位于<!doctype>之後用于定義HTML文檔的頭部資訊,也被稱為頭部标簽,緊跟在之後。頭部标簽主要用來封裝其他位于文檔頭部的标簽,例如< title>、< meta>、< link>及< style>等,用來描述文檔的标題、作者,以及與其他文檔的關系。

4.< body>

< body>用于定義HTML文檔所要顯示的内容,也被稱為主體标簽。浏覽器中顯示的所有文本、圖像、音頻和視訊等資訊都必須位于内,才能最終展示給使用者。

需要注意的是,一個HTML文檔隻能含有一對< body>,且< body>必須在< html>内,位于< head>之後,與< head>是并列關系。

在HTML5版本中,文檔格式有了一些的變化。HTML5在文檔類型聲明與跟标簽上做了簡化,簡化後的文檔格式如圖2所示。

HTML5的基本入門格式介紹

圖 2 HTML5文檔基本格式

值得一提的是,除了上述的文檔結構标簽外,HTML5還簡化了标簽,讓定義字元編碼的格式變得更加簡單。

本文來自千鋒教育,轉載請注明出處。

繼續閱讀