第二章 XHTML與CSS基礎
2.1 XHTML基礎
XHTML是網頁代碼的核心內容,標準XHTML代碼如下:
復制代碼代碼如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “<a href=”http://www.w3″>http://www.w3</a> .org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”<a href=”http://www.w3.org/1999/xhtml”>http://www.w3.org/1999/xhtml</a>”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>新建文檔</title>
</head></p>
<p><body>
</body>
</html>
對于這段代碼,可以分為幾部分來了解:
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 .org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這段代碼以doctype開頭,也成為文檔類型制定代碼,它是XHTML的格式標記,用來告訴瀏覽器,代碼是什么類型的。
2. <html></html>標簽,代表一個網頁,是網頁的第一個標簽,表示謂語這對標簽之間的內容屬于html類型,瀏覽器便將其中的內容按html類型進行解析。
3. <head></head>標簽,指的是網頁的頭部,其中的內容主要放置在瀏覽器標題欄的名稱,或者其他需要給瀏覽器的信息。其中meta標簽告訴瀏覽器,網頁的類型是text/html,并使用utf-8編碼。
4. <body></body>標簽,指的是網頁的主體,body中的內容都要將被瀏覽器顯示在窗口之中。
CSS代碼就應該放置在head標簽之中。
2.2 選擇合適的DTD
一個標準的XHTML文檔,必須以doctype標簽作為開始。對于XHTML而言,類型可以使用3種不同的XHTML文檔類型。使用方式如下:
Transitional類型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 .org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Strict類型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3 .org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Frameset類型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3 .org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
從本質上講,XHTML DTD要求使用XHTML的各個標簽來定義文檔中所有內容的結構,而并非去表現其樣式,因此最終的XHTML編寫方式應當是使用Strict類型。然而直接使用Strict類型有時會使編碼方式變得過分狹窄,所有一般情況下都使用Transitional類型。
2.3 選擇合適的標簽
1. 布局
div標簽是布局標簽的首選,頁面中的每一個區域,比如頁頭、頁腳、左分欄、右分欄等,都可以使用div進行標識。記住一句話:用div布局,用css控制!
新聞熱點
疑難解答