網站重構技術：XML，XHTML代碼規范，樣式表調用方式，CSS布局要點

日期：2013-12-16 來源：攀枝花惠康網絡公司

1. 幾個概念

1.1. 什么是HTML?

HTML是Hypertext Markup Language的英文縮寫,即超文本標識表記標幟說話,是一種用來建造網頁的標識表記標幟說話。

1.2. 什么是XHTML？

XHTML是The Extensible HyperText Markup Language可擴展標識說話的縮寫。在HTML4.0的基本上，用XML的軌則對其進行擴展，獲得了XHTML。它實現HTML向XML的過渡。

用標致的圖案庖代通俗無序列表前沉悶的黑點。站點http://marine.happycog.com/

XML(extensible Markup Language)的呈現，結構化文檔和數據有了一個通用的、科順應的名目，不僅僅應用在web上，也可以應用在任何處所。尺度稱為可能。 (*.xsl,*.dtd,*.xml)。

1.4. 什么是CSS？

CSS是Cascading Style Sheets層疊樣式表的縮寫。純CSS結構與結構式XHTML相連系能輔佐設計師分手外不美觀與結構，使站點的訪謁及維護加倍輕易。（xsl）

1.5. 為什么要采用CSS結構庖代table結構？

(1) 用css結構的一個益處是可以批量對頁面進行改削，它能將文檔結構和默示層分分開來，減輕工作量和處事器的負荷，增添站點的擴展能力和應用。

(2) 可以使用表格。只是表名目僅用于其本意：展示數據列表。而不許可使用表格排版和定位。

所謂web尺度，不是指XML，而是指為了實現年夜量HTML信息向XML尺度的過渡，W3C和ECMA擬定的一系列的手藝規范，今朝首要搜羅XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web尺度不僅僅是一個規范，而是一系列規范的總稱。按這些規范建造的網頁，合適XML名目規范，內容與默示相分手，將使你的頁面數據在往后可以被分享、交流和重用。

2.1. 所有的標識表記標幟都必需要有一個響應的竣事標識表記標幟

也必需改削成”onmouseover”。

2.3. 所有的XML標識表記標幟都必需合理嵌套

同樣因為XHTML要求有嚴謹的結構，是以所有的嵌套都必需按挨次，以前我們這樣寫的代碼：

2.2. 所有標簽的元素和屬性的名字都必需使用小寫

必需改削為：

就是說，一層一層的嵌套必需是嚴酷對稱。

2.4. 所有的屬性必需用引號”"括起來

在HTML中，你可以不需要給屬性值加引號，可是在XHTML中，它們必需被加引號。例如:

<height=”80″>

<alt=”say'hello'”>

2.5. 把所有<和&非凡符號用編碼暗示

. 任何小于號（<），不是標簽的一部門，都必需被編碼為& l t ;

. 任何年夜于號（>），不是標簽的一部門，都必需被編碼為& g t ;

. 任何與號（&），不是實體的一部門的，都必需被編碼為& a m p;

注：以上字符之間無空格。

2.6. 給所有屬性賦一個值

. COLOR用于界說字體顏色。

XHTML劃定所有屬性都必需有一個值，沒有值的就一再自己。例如：

當幾個元素樣式屬性一樣時，可以配合挪用一個聲明，元素之間用逗號分隔，：

必需改削為：

2. XHTML代碼規范

9.2. 舉薦書籍

與HTML紛歧樣，XHTML對巨細寫是敏感的，<title>和<TITLE>是分歧的標簽。XHTML要求所有的標簽和屬性的名字都必需使用小寫。例如：<BODY>必需寫成<body> 。巨細寫同化也是不被認可的，凡是dreamweaver自動生成的屬性名字”onMouseover”

用等號或者空格替代內部的虛線。

以上這些規范有的看上去斗勁奇異，但這一切都是為了使我們的代碼有一個統一、獨一的尺度，便于往后的數據再操作。

<!–這里是注釋============這里是注釋–>

3.1. 頁面內嵌法：

就是將樣式表直接寫在頁面代碼的head區。近似這樣：

3.2. 外部挪用法：

將樣式表寫在一個自力的.css文件中，然后在頁面head區用近似以下代碼挪用。

以前在HTML中，你可以打開良多標簽，例如<p>和<li>而不必然寫對應的</p>和</li>來封鎖它們。但在XHTML中這是不正當的。XHTML要求有嚴謹的結構，所有標簽必需封鎖。如不美觀是零丁不核對的標簽，在標簽最后加一個”/”來封鎖它。例如:

“–”只能發生在XHTML注釋的開首和竣事，也就是說，在內容中它們不再有用。例如下面的代碼是無效的:

<!–這里是注釋———–這里是注釋–>

為什么要寫兩次呢？現實上一般情形下用外聯法挪用(就是第一句)就足夠了。我這里使用雙表挪用只是一種示例。其中的”@import”呼吁用于輸入樣式表。而”@import”呼吁在netscape 4.0版本瀏覽器是無效的。也就是說，當你但愿某些效不美觀在netscape 4.0瀏覽器中潛匿，在4.0以上或其它瀏覽器中又顯示的時辰，你可以采用”@import”呼吁體例挪悠揭捉

文章來源：攀枝花惠康網絡公司

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。

網站重構技術：XML，XHTML代碼規范，樣式表調用方式，CSS布局要點

網站重構技術：XML，XHTML代碼規范，樣式表調用方式，CSS布局要點