HTML body 標籤

HTML body 標籤是網頁內容的主要部分,網頁大多數的內容如文字、圖片影片表單表格 ... 等元素,都是寫在 body 標籤內,每一個獨立網頁都只能有一組 body 標籤,瀏覽器會自動判別 body 標籤與其他如 headtitle、meta、link ... 等標籤,並將 body 的內容識別後再顯示到螢幕,所以我們就可以在電腦上看到許許多多圖文並茂的網頁內容,所有主流的瀏覽器都支援 HTML body 標籤功能。

HTML body 標籤範例
<html>
<head>
<title>網頁標題</title>
</head>

<body>
 ...網頁內容...
</body>

</html>
HTML 的 body 標籤是以 <body> 開始,至 </body> 結束,起始的 <body> 標籤內可使用預設的屬性,來修改網頁內的文字顏色、超連結顏色、背景顏色或背景圖片等資訊,但這些資訊在 HTML5 並不支援,下一段落會提到 CSS 的取代方法。標準的 <body> 標籤必須在 </head> 標籤之後,並在 </html> 標籤之前,如範例中所示那樣,如果超出範圍,將會造成部分瀏覽器顯示錯誤甚至無法顯示網頁內容。

從 HTML 4.01 進化至 HTML 5 差異

在 HTML 4.0 之前的 <body> 標籤有許多屬性可以使用,例如 text 用來設定 body 標籤內容的文字顏色、link 用來設定 body 標籤所包含的內容超連結文字顏色、alink 用來設定超連結被按下的顏色、vlink 設定瀏覽過的超連結顏色、bgcolor 用來設定背景顏色、background 用來設定網頁背景圖片,但到了 HTML4.01 開始這些屬性就變成不建議使用,甚至到了 HTML5 直接不支援這些屬性,改用 CSS 樣式取代。

所有 HTML body 標籤內與文字或超連結顏色有關的屬性,如 link、alink、vlink 等,都可以改用 CSS 語法取代,請參閱《修改超連結顏色》以及《CSS color 文字顏色》的介紹。網頁背景顏色 bgcolor 屬性改用 CSS 語法請參閱《background-color》的介紹。background 背景圖片,改用 CSS 語法請參閱《background-image》的介紹,未來將是 HTML5 或更新的版本為主流,建議以當主流的設計方式為準。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C