- HTML+CSS+JavaScript網頁制作（第2版）
- 劉瑞新 張兵義主編
- 1261字
- 2020-10-23 14:22:16
1.4 HTML文檔結構及語法規則
每個網頁都有其基本的結構，包括HTML文檔的結構、標簽的格式等。
1.4.1 標簽及其屬性
1.標簽
HTML文檔由標簽和被標簽的內容組成。標簽能產生所需要的各種效果。其功能類似于一個排版軟件，將網頁的內容排成理想的效果。這些標簽名稱大都為相應的英文單詞首字母或縮寫，例如，p表示paragraph（段落）、img表示image（圖像），很好記憶。各種標簽的效果差別很大，但總的表示形式卻大同小異，大多數都成對出現。其格式為：
例如，一級標題標簽<h1>表示為：
需要注意以下2點。
①每個標簽都要用“<”（小于號）和“>”（大于號）括起來，如<p>，<table>，以表示這是HTML代碼而非普通文本。注意，“<”“>”與標簽名之間不能留有空格或其他字符。
②在標簽名前加上符號“/”便是其結束標簽，表示該標簽內容的結束，如</h1>。標簽也有不用</標簽>結尾的，稱之為單標簽。
2.標簽的屬性
標簽僅僅規定這是什么信息，這些信息可以是文本，也可以是圖像，但是要想顯示或控制這些信息，就需要在標簽后面加上相關的屬性。每個標簽都有一系列的屬性。標簽通過屬性來制作出各種效果，格式為：
例如，一級標題標簽<h1>有屬性align，align表示文字的對齊方式，表示為：
1.4.2 HTML代碼規范
頁面的HTML代碼書寫必須符合HTML規范，這是用戶編寫擁有良好結構文檔的基礎，這些文檔可以很好地工作于所有的瀏覽器，并且可以向后兼容。
1.標簽和屬性的規范
需要注意以下幾點。
● 并不是所有的標簽都有屬性，如換行標簽就沒有。
● 根據需要可以使用該標簽的所有屬性，也可以只用其中的幾個屬性。在使用時，屬性之間沒有順序。
● 屬性和標簽一樣，都必須用小寫字母表示。
● 屬性值都要用雙引號括起來。
2.元素的嵌套
元素必須被正確地嵌套，最有可能發生錯誤的是在與<table>標簽結合的情況。<table>的直接子元素只能為<thead>、<tbody>、<tfoot>和<tr>，而<thead>、<tbody>和<tfoot>的直接子元素只能為<tr>，而<tr>的直接子元素只能為<td>和<th>才可以放其他標簽。此外，類似的標簽還有<dl>、<ul>、<select>等。
3.不推薦使用的標簽
在HTML中，某些標簽不推薦使用，如<b>、<strong>、<i>、<em>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>等標簽。因為這些標簽有些是可以用CSS去統一控制的，還有一些是不常使用的。
4.代碼的縮進
在編寫HTML代碼時要注意使用代碼縮進來提高程序的結構性和層次性，不要使用制表符或制表符加空格的混合方式縮進。
1.4.3 HTML文檔結構
HTML文檔是一種純文本格式的文件，文檔的基本結構格式為：
1.HTML文檔標簽<html>…</html>
HTML文檔標簽的格式為：
<html>處于文檔的最前面，表示HTML文檔的開始，即瀏覽器從<html>開始解釋，直到遇到</html>為止。每個HTML文檔均以<html>開始，以</html>結束。
2.HTML文檔頭標簽<head>…</head>
HTML文檔包括頭部（head）和主體（body）。HTML文檔頭標簽的格式為：
文檔頭部內容在開始標簽<html>和結束標簽</html>之間定義，其內容可以是標題名或文本文件地址、創作信息等網頁信息說明。
3.文檔編碼
HTML文檔使用meta元素的charset屬性指定文檔編碼，格式為：
為了被瀏覽器正確解釋和通過W3C代碼校驗，所有的HTML文檔都必須聲明它們所使用的編碼語言。文檔聲明的編碼應該與實際的編碼一致，否則就會呈現為亂碼。對于中文網頁的設計者來說，用戶一般使用gb2312（簡體中文）。
4.HTML文檔主體標簽<body>…</body>
HTML文檔主體標簽的格式為：
主體位于頭部之后，以<body>為開始標簽，</body>為結束標簽。它定義網頁上顯示的主要內容與顯示格式，是整個網頁的核心，網頁中要真正顯示的內容都包含在主體中。