- CSS3+DIV網頁樣式與布局案例課堂（第2版）
- 劉春茂
- 757字
- 2020-06-29 18:06:41
1.3 一個簡單網頁的基本構成
任何一個網頁都包含在<html>和</html>這對標簽之內，在這對標簽中通常包含三個要素，分別是head部分、body部分以及注釋部分。
1.3.1 Head部分
頭標記head用于說明文檔頭部相關信息，一般包括標題信息、元信息、定義CSS樣式和腳本代碼等。HTML的頭部信息是以<head>開始，以</head>結束，語法格式如下。
<head> … </head>
提示
<head>元素的作用范圍是整篇文檔，定義在HTML頭部的內容往往不會在網頁上直接顯示。在head標記中一般可以設置title和meta等標記的內容。
1.3.2 Body部分
網頁所要顯示的內容都放在網頁的主體標記內，它是HTML文件的重點所在，HTML所有標記都將放在這個標記內。然而它并不僅僅是一個形式上的標記，它本身也可以控制網頁的背景顏色或背景圖像。主體標記是以<body>開始，以</body>結束，語法格式如下。
<body> … </body>
注意，在構建HTML結構時，標記不允許交錯出現，否則會造成錯誤。
例如，在下列代碼中，<body>開始標記出現在<head>標記內。
<html> <head> <title>html標記</title> <body> </head> </body> </html>
代碼中的第4行<body>開始標記和第5行的</head>結束標記出現了交叉，這是錯誤的。HTML中的所有代碼都不允許交錯出現。
1.3.3 注釋部分
注釋是在HTML代碼中插入的描述性文本，用來解釋該代碼或提示其他信息。注釋只出現在代碼中，瀏覽器對注釋代碼不進行解釋，并且在瀏覽器的頁面中不顯示。在HTML源代碼中適當地插入注釋語句是一種非常好的習慣。對于設計者日后的代碼修改、維護工作很有好處。另外，如果將代碼交給其他設計者，其他人也能很快讀懂前者所撰寫的內容。
語法：
<!--注釋的內容-->
注釋語句元素由前后兩半部分組成，前半部分由一個左尖括號、一個半角感嘆號和兩個連字符組成，后半部分由兩個連字符和一個右尖括號組成。例如：
<html> <head> <title>標記測試</title> </head> <body> <!-- 這里是標題--> <h1>網頁</h1> </body> </html>
頁面注釋不但可以對HTML中一行或多行代碼進行解釋說明，而且還能注釋掉這些代碼。如果希望某些HTML代碼在瀏覽器中不顯示，可以將這部分內容放在<!--和-->之間，例如，修改上述代碼，如下所示。
<html> <head> <title>標記測試</title> </head> <body> <!-- <h1>網頁</h1> --> </body> </html>
修改后的代碼，將<h1>標記作為注釋內容處理，在瀏覽器中將不會顯示這部分內容。