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