如果將該DOM示例表示成HTML代碼，頭部的結(jié)構(gòu)如下所示：
<head>
<meta name="robots" content="index, follow" />
<title>Hello</title>
</head>
HTML的主體部分如下所示：
<body>
<img src="/images/welcome.jpg" />
<a >Visit Google</a>
or enter your username and password to continue...
<form id="login" method="post" action="login.php">
<input type="text" name="name" />
<input type="password" name="password" />
<input type="submit" />
</form>
</body>
記住，HTML的這兩個(gè)部分是同一文檔的一部分，我們將它們放在<html>標(biāo)記中，如下所示：
<html>
<head>
<meta name="robots" content="index, follow" />
<title>Hello</title>
</head>
<body>
<img src="/images/welcome.jpg" />
<a >Visit Google</a>,
or enter your username and password to continue...
<form id="login" method="post" action="login.php">
<input type="text" name="name" />
<input type="password" name="password" />
<input type="submit" />
</form>
</body>
</html>
當(dāng)然，實(shí)際的Web頁面可能與此完全不同，但它們常采用同樣的形式。盡管并不總是這樣，因?yàn)榇蟛糠譃g覽器比較寬容，允許省略一些內(nèi)容，如末尾的結(jié)束標(biāo)記及開始標(biāo)記等。不過，筆者不建議這樣做，因?yàn)楹竺婺氵€有可能將頁面轉(zhuǎn)換成XHTML，而后者要嚴(yán)格得多。因此，閉合每個(gè)標(biāo)記并確保順序正確是個(gè)好習(xí)慣。例如，不應(yīng)將</body>放在</html>后面來閉合文檔，因?yàn)檫@樣的標(biāo)記嵌套順序是不正確的。
同理，應(yīng)有自關(guān)閉沒有結(jié)束標(biāo)記的標(biāo)記的習(xí)慣。如<img src="…"/>，它沒有匹配的</img>標(biāo)記，因此，要求在最后的>符號(hào)之前有一個(gè)/字符以正確關(guān)閉它。同樣，<br>變成<br />等。
還應(yīng)記住，標(biāo)記中的參數(shù)必須由單引號(hào)或雙引號(hào)引起來，以實(shí)現(xiàn)與XHTML的兼容，盡管幾乎所有瀏覽器都允許省略它。
鄂公網(wǎng)安備 42010302001612號(hào)