在設(shè)計網(wǎng)頁編寫HTML文檔時，必須遵循HTML語法規(guī)范。HTML文檔實際上就是一個文本文件，它由標簽和信息混合組成，當然這些標簽和信息必須遵循一定的組合規(guī)則，否則瀏覽器是無法解析的。
HTML語言的規(guī)范條文不多，相信也很容易理解。從邏輯上分析，這些標簽包含的內(nèi)容就表示一類對象，也可以稱為網(wǎng)頁元素。從形式上分析，這些網(wǎng)頁元素通過標簽進行分隔，然后表達一定的語義。很多時候，我們把網(wǎng)頁標簽和網(wǎng)頁元素混為一團，而實際上，在網(wǎng)頁設(shè)計中，網(wǎng)頁文檔就是由元素和標簽組成的容器。
?所有標簽都包含在“<”和“>”起止標識符中，構(gòu)成一個標簽。例如，<style>、<head>、<body>和<div>等。
?在HTML文檔中，絕大多數(shù)元素都有起始標簽和結(jié)束標簽，在起始標簽和結(jié)束標簽之間包含的是元素主體。例如，<body>和</body>中間包含的就是網(wǎng)頁內(nèi)容主體。
?起始標簽包含元素的名稱，以及可選屬性，也就是說元素的名稱和屬性都必須在起始標簽中。結(jié)束標簽以反斜杠開始，然后附加上元素名稱。例如：<tag>元素主體</tag>
?元素的屬性包含屬性名稱和屬性值兩部分，中間通過等號進行連接，多個屬性之間通過空格進行分隔。屬性與元素名稱之間也是通過空格進行分隔。例如：<tag a1="v1" a2="v2" a3="v3" …… an="vn">元素主體</tag>
?少數(shù)元素的屬性也可能不包含屬性值，僅包含一個屬性名稱。例如：<tag a1 a2 a3 …… an>元素主體</tag>
?一般屬性值應(yīng)該包含在引號內(nèi)，雖然不加引號，瀏覽器也能夠解析，但是讀者應(yīng)該養(yǎng)成良好的習(xí)慣。
?屬性是可選的，元素包含多少個屬性，也是不確定的，這主要根據(jù)不同元素而定。在網(wǎng)頁設(shè)計時，不同的元素會包含不同的屬性。HTML也為所有元素定義了公共屬性，如title、id、class、style等。雖然大部分標簽都是成對出現(xiàn)，但是也有少數(shù)標簽不是成對的，這些孤立的標簽，被稱為空標簽?？諛撕瀮H包含起始標簽，沒有結(jié)束標簽。例如：<tag>同樣，空標簽也可以包含很多屬性，用來標識特殊效果或者功能，例如：<tag a1="v1" a1="v1" a2="v2" …… an="vn">
?標簽可以相互嵌套，形成文檔結(jié)構(gòu)。嵌套必須匹配，不能交錯嵌套，例如，<div><span></div></span>。合法的嵌套應(yīng)該是包含或被包含的關(guān)系，例如，<div><span></span></div>或<span><div></div></span>。
?HTML文檔所有信息必須包含在<html>標簽中，所有文檔元信息應(yīng)包含在<head>子標簽中，而HTML傳遞信息和網(wǎng)頁顯示內(nèi)容應(yīng)包含在<body>子標簽中?！臼纠繉τ贖TML文檔來說，除了必須符合基本語法規(guī)范外，我們還必須保證文檔結(jié)構(gòu)信息的完整性。
完整文檔結(jié)構(gòu)如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w1.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
xmlns="http://www.w1.org/1999/xhtml">
<head><meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>文檔標題</title></head>
<body></body></html>
HTML文檔應(yīng)主要包括如下內(nèi)容：
?必須在首行定義文檔的類型，過渡型文檔可省略。
?<html>標簽應(yīng)該設(shè)置文檔名字空間，過渡型文檔可省略。
?必須定義文檔的字符編碼，一般使用<meta>標簽在頭部定義，常用字符編碼包括中文簡體（gb2312）、中文繁體（big5）和通用字符編碼（utf-8）。
?在網(wǎng)頁設(shè)計時，應(yīng)該設(shè)置文檔的標題，可以使用<title>標簽在頭部定義。HTML文檔擴展名為.htm或.html，保存時必須正確使用擴展名，否則瀏覽器無法正確地解析。如果要在HTML文檔中增加注釋性文本，則可以在“<!--”和“-->”標識符之間增加，例如：
<!--單行注釋-->
或
<!-----------------多行注釋----------------->
當前文章標題：網(wǎng)頁設(shè)計中的HTML基本語法
當前URL：http://m.ww44088.com/news/wzzz/3049.html
