網(wǎng)頁設(shè)計(jì)中的HTML基本語法

  • 2019-07-10 14:22:30
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

設(shè)計(jì)網(wǎng)頁編寫HTML文檔時(shí),必須遵循HTML語法規(guī)范。HTML文檔實(shí)際上就是一個(gè)文本文件,它由標(biāo)簽和信息混合組成,當(dāng)然這些標(biāo)簽和信息必須遵循一定的組合規(guī)則,否則瀏覽器是無法解析的。

HTML語言的規(guī)范條文不多,相信也很容易理解。從邏輯上分析,這些標(biāo)簽包含的內(nèi)容就表示一類對象,也可以稱為網(wǎng)頁元素。從形式上分析,這些網(wǎng)頁元素通過標(biāo)簽進(jìn)行分隔,然后表達(dá)一定的語義。很多時(shí)候,我們把網(wǎng)頁標(biāo)簽和網(wǎng)頁元素混為一團(tuán),而實(shí)際上,在網(wǎng)頁設(shè)計(jì)中,網(wǎng)頁文檔就是由元素和標(biāo)簽組成的容器。

?所有標(biāo)簽都包含在“<”和“>”起止標(biāo)識(shí)符中,構(gòu)成一個(gè)標(biāo)簽。例如,<style>、<head>、<body>和<div>等。   

?在HTML文檔中,絕大多數(shù)元素都有起始標(biāo)簽和結(jié)束標(biāo)簽,在起始標(biāo)簽和結(jié)束標(biāo)簽之間包含的是元素主體。例如,<body>和</body>中間包含的就是網(wǎng)頁內(nèi)容主體。   

?起始標(biāo)簽包含元素的名稱,以及可選屬性,也就是說元素的名稱和屬性都必須在起始標(biāo)簽中。結(jié)束標(biāo)簽以反斜杠開始,然后附加上元素名稱。例如:<tag>元素主體</tag>   

?元素的屬性包含屬性名稱和屬性值兩部分,中間通過等號進(jìn)行連接,多個(gè)屬性之間通過空格進(jìn)行分隔。屬性與元素名稱之間也是通過空格進(jìn)行分隔。例如:<tag a1="v1" a2="v2" a3="v3" …… an="vn">元素主體</tag>   

?少數(shù)元素的屬性也可能不包含屬性值,僅包含一個(gè)屬性名稱。例如:<tag a1 a2 a3 …… an>元素主體</tag>   

?一般屬性值應(yīng)該包含在引號內(nèi),雖然不加引號,瀏覽器也能夠解析,但是讀者應(yīng)該養(yǎng)成良好的習(xí)慣。   

?屬性是可選的,元素包含多少個(gè)屬性,也是不確定的,這主要根據(jù)不同元素而定。在網(wǎng)頁設(shè)計(jì)時(shí),不同的元素會(huì)包含不同的屬性。HTML也為所有元素定義了公共屬性,如title、id、class、style等。雖然大部分標(biāo)簽都是成對出現(xiàn),但是也有少數(shù)標(biāo)簽不是成對的,這些孤立的標(biāo)簽,被稱為空標(biāo)簽。空標(biāo)簽僅包含起始標(biāo)簽,沒有結(jié)束標(biāo)簽。例如:<tag>同樣,空標(biāo)簽也可以包含很多屬性,用來標(biāo)識(shí)特殊效果或者功能,例如:<tag a1="v1" a1="v1" a2="v2" …… an="vn">    

?標(biāo)簽可以相互嵌套,形成文檔結(jié)構(gòu)。嵌套必須匹配,不能交錯(cuò)嵌套,例如,<div><span></div></span>。合法的嵌套應(yīng)該是包含或被包含的關(guān)系,例如,<div><span></span></div>或<span><div></div></span>。   

?HTML文檔所有信息必須包含在<html>標(biāo)簽中,所有文檔元信息應(yīng)包含在<head>子標(biāo)簽中,而HTML傳遞信息和網(wǎng)頁顯示內(nèi)容應(yīng)包含在<body>子標(biāo)簽中。【示例】對于HTML文檔來說,除了必須符合基本語法規(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>文檔標(biāo)題</title></head>

<body></body></html>

HTML文檔應(yīng)主要包括如下內(nèi)容:   

?必須在首行定義文檔的類型,過渡型文檔可省略。   

?<html>標(biāo)簽應(yīng)該設(shè)置文檔名字空間,過渡型文檔可省略。   

?必須定義文檔的字符編碼,一般使用<meta>標(biāo)簽在頭部定義,常用字符編碼包括中文簡體(gb2312)、中文繁體(big5)和通用字符編碼(utf-8)。   

?在網(wǎng)頁設(shè)計(jì)時(shí),應(yīng)該設(shè)置文檔的標(biāo)題,可以使用<title>標(biāo)簽在頭部定義。HTML文檔擴(kuò)展名為.htm或.html,保存時(shí)必須正確使用擴(kuò)展名,否則瀏覽器無法正確地解析。如果要在HTML文檔中增加注釋性文本,則可以在“<!--”和“-->”標(biāo)識(shí)符之間增加,例如:

<!--單行注釋-->

<!-----------------多行注釋----------------->

當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)中的HTML基本語法

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3049.html

上一篇:網(wǎng)頁設(shè)計(jì)的HTML基礎(chǔ)

下一篇:網(wǎng)頁設(shè)計(jì)中的HTML標(biāo)簽(一)

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號)