【建設(shè)網(wǎng)頁(yè)公司】
HTML編寫(xiě)規(guī)范
每個(gè)網(wǎng)頁(yè)都有其基本的結(jié)構(gòu),包括HTML文檔的結(jié)構(gòu)、標(biāo)簽的格式等。
4.2.1 HTML文檔結(jié)構(gòu)
1.標(biāo)簽
HTML文檔由標(biāo)簽和被標(biāo)簽括起來(lái)的內(nèi)容組成。標(biāo)簽?zāi)墚a(chǎn)生所需要的各種效果,其功能類(lèi)似于一個(gè)排版軟件,可以將網(wǎng)頁(yè)的內(nèi)容排成理想的效果。標(biāo)簽名稱(chēng)大都為相應(yīng)的英文單詞首字母或縮寫(xiě),例如,p表示paragraph(段落)、img表示image(圖像),很好記憶。各種標(biāo)簽的效果差別很大,但總的表示形式卻大同小異,大多數(shù)都成對(duì)出現(xiàn)。其格式為:
<標(biāo)簽>受標(biāo)簽影響的內(nèi)容</標(biāo)簽>
例如,一級(jí)標(biāo)題標(biāo)簽<hl>表示為:
<hl>歡迎!</hl>
需要注意以下兩點(diǎn)。
①每個(gè)標(biāo)簽都要用“<”(小于號(hào))和“>”(大于號(hào))括起來(lái),如<p>,<table>,以表示這是HTML代碼而非普通文本。注意,“<”、“>”與標(biāo)簽名之間不能留有空格或其他字符。 ②在標(biāo)簽名前加上符號(hào)“/”便是其結(jié)束標(biāo)簽,表示該標(biāo)簽內(nèi)容的結(jié)束,如</hl>。標(biāo)簽也有不用</標(biāo)簽>結(jié)尾的,稱(chēng)為單標(biāo)簽。
2.標(biāo)簽的屬性
標(biāo)簽僅僅規(guī)定這是什么信息,這些信息可以是文本,也可以是圖像,但是要想顯示或控制這些信息,就需要在標(biāo)簽后面加上相關(guān)的屬性。每個(gè)標(biāo)簽都有一系列的屬性。標(biāo)簽通過(guò)屬性來(lái)制作出各種效果,格式為:
<標(biāo)簽屬性1="屬性值1”屬性2="屬性值2”…>受標(biāo)簽影響的內(nèi)容</標(biāo)簽>
例如,一級(jí)標(biāo)題標(biāo)簽<hl>有屬性align,用于設(shè)置文字的對(duì)齊方式,表示為:
<hl align=”left”>歡迎!</hl>
需要注意以下4點(diǎn)。
①并不是所有的標(biāo)簽都有屬性,如換行標(biāo)簽就沒(méi)有。
②根據(jù)需要可以使用該標(biāo)簽的所有屬性,也可以只用其中的幾個(gè)屬性。在使用時(shí),屬性之間沒(méi)有順序。
。 ③屬性和標(biāo)簽一樣,都必須用小寫(xiě)字母表示。
④屬性值都要用雙引號(hào)括起來(lái)。
4.2.2 使用HTML語(yǔ)法編寫(xiě)HTML5文檔
HTML5的語(yǔ)法格式兼容HTML4.0和XHTMLl.0,也就是說(shuō),可以使用HTML4.0或XHTMLl.0語(yǔ)法來(lái)編寫(xiě)HTML5網(wǎng)頁(yè)。HTML5文檔是一種純文本格式的文件,文檔的基本結(jié)構(gòu)為:
<Idoctype html>
<html>
<head>
<meta charset=’’gb2312”>
<title>文檔標(biāo)題<,title>
</head>
<body>
網(wǎng)頁(yè)內(nèi)容
</body>
<,html>
1.文檔類(lèi)型
在使用HTML語(yǔ)法編寫(xiě)HTML5文檔時(shí),要求指定文檔類(lèi)型,以確保瀏覽器能在HTML5標(biāo)準(zhǔn)模式下渲染網(wǎng)頁(yè)。文檔類(lèi)型聲明的格式如下:
<tdoctype html>
這行代碼稱(chēng)為doctype聲明,doctype是document type(文檔類(lèi)型)的簡(jiǎn)寫(xiě)。要建立符合標(biāo)準(zhǔn)的網(wǎng)頁(yè),doctype聲明是必不可少的關(guān)鍵組成部分。doctype聲明必須放在每個(gè)HTML5文檔的頂部,在所有代碼和標(biāo)簽之前。