首頁技術(shù)文章正文

前端HTML5基本格式【前端技術(shù)文章】

更新時間:2020-10-27 來源:黑馬程序員 瀏覽量:

學(xué)習(xí)任何一門語言都要掌握它的基本格式,就像寫信需要符合書信的格式要求一樣。想要學(xué)習(xí)HTML5,同樣需要掌握HTML5的基本格式。本節(jié)將通過和XHTML結(jié)構(gòu)的對比,講解HTML5文檔的基本格式。
使用Dreamweaver新建XHTML文檔,默認文檔時會自帶一些代碼,如圖1所示:

1603794468043_1.png

圖 1 XHTML文檔基本格式

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

  1.<!doctype>

  <!doctype>位于文檔的最前面,用于向瀏覽器說明當前文檔使用哪種HTML或XHTML標準規(guī)范。因此只有在開頭處使用<!doctype>聲明,瀏覽器才能將該文檔作為有效的HTML文檔,并按指定的文檔類型進行解析。

  2.<html>

  位于之后,也被稱為根標簽。根標簽主要用于告知瀏覽器其自身是一個HTML文檔,其中<html>標志著HTML文檔的開始,</html>則標志著HTML文檔的結(jié)束,在它們之間是文檔的頭部和主體內(nèi)容。

  3.<head>

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

  4.<body>

  <body>用于定義HTML文檔所要顯示的內(nèi)容,也被稱為主體標簽。瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于內(nèi),才能最終展示給用戶。

需要注意的是,一個HTML文檔只能含有一對<body>,且<body>必須在<html>內(nèi),位于<head>之后,與<head>是并列關(guān)系。

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

1603794479736_2.png

圖 2 HTML5文檔基本格式

值得一提的是,除了上述的文檔結(jié)構(gòu)標簽外,HTML5還簡化了標簽,讓定義字符編碼的格式變得更加簡單。

猜你喜歡:

Web開發(fā)兼顧多個版本瀏覽器的通用方法?

什么是視口?移動端瀏覽器中的3種視口

JS中修改this指向的方法有哪些?

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢 我要報名
和我們在線交談!