XHTML 示例

2021-11-30 09:45 更新

正如您現(xiàn)在可以猜到的那樣，XHTML代碼看起來與普通的舊HTML代碼非常相似，僅有一些語法差異。下面顯示了三個有效的XHTML文檔的例子。

他們使用W3C的XHTML驗證工具進行驗證。


例1. 嚴格的DTD XHTML示例：

這個例子使用嚴格的DTD，這意味著每一個標簽必須正確關閉，所有的屬性賦值等。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> 嚴格的DTD XHTML示例-w3cschool.cn在線教程 </title>
</head>
<body>
<p>

請選擇一天：
<br /><br />
<select name="day">
<option selected="selected">星期一</option>
<option>星期二</option>
<option>星期三</option>
</select>
</p>
</body>
</html>


例2. 過渡DTD XHTML例子：

此示例使用過渡DTD，它為不識別樣式表的舊瀏覽器提供支持。你可以看到它在<body>標簽中使用了幾個屬性，當使用嚴格的DTD時，這是不允許的：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> 過渡DTD XHTML例子-w3cschool.cn在線教程 </title>
</head>

<body bgcolor="#FFFFFF" link="#000000" text="red">
<p>這是一個過渡XHTML例子[hgci.cn]</p>
</body>
</html>


例3. 框架DTD XHTML例子：

本示例使用框架集DTD，它允許我們將一個XHTML頁面拆分為多個框架，每個框架中包含一個XHTML頁面：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> 框架DTD XHTML例子-w3cschool.cn在線教程 </title>
</head>

<frameset cols="100,*">
<frame src="toc.html" />
<frame src="intro.html" name="content" />
</frameset>
</html>


結論

XHTML文檔看起來更專業(yè)，消除了潦草的編碼習慣。他們?nèi)匀辉试S我們?yōu)榕f瀏覽器開發(fā)頁面，但是，通過使用過渡性DTD聲明。

與您的網(wǎng)站最難的事情之一是修改其頁面，以符合嚴格的XHTML DTD。如果您在使用XHTML驗證器，那么您將看到我在說什么。


在我看來，XHTML是一個非常好的主意。我喜歡使用XML解析器瀏覽XHTML文件的想法。我也喜歡將HTML與XML混合的想法......它們是世界上最流行的兩種標記語言，應該相互恭維。希望XHTML在接下來的幾年里會棄用HTML。

盡管我們正在從網(wǎng)上的每個站點開始變得符合XHTML標準，但是我們很高興知道我們可以像專業(yè)的Web開發(fā)人員那樣設置標準。


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號