網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

網站重構技術: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. 所有的標識表記標幟都必需要有一個響應的竣事標識表記標幟

<img height=”80″ alt=”網頁設計師” src=http://www.css88.com/archives/”../images/logo_w3cn_200x80.gif” width=”200″ />

也必需改削成”onmouseover”。

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

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

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

<p><b></p></b>

必需改削為:

<p><b></b></p>

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

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

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

<height=”80″>

<alt=”say&apos;hello&apos;”>

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

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

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

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

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

2.6. 給所有屬性賦一個值

. COLOR用于界說字體顏色。

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

<td nowrap>

<input type=”checkbox” name=”shirt” value=http://www.css88.com/archives/”medium” checked>

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

必需改削為:

2. XHTML代碼規范

9.2. 舉薦書籍

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

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

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

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

3.1. 頁面內嵌法:

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN”>

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

3.2. 外部挪用法:

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

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

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

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

<link rel=”stylesheet” rev=”stylesheet” href=http://www.css88.com/archives/”css/style.css” type=”text/css” media=”all” />

<link rel=”stylesheet” rev=”stylesheet” href=http://www.css88.com/archives/”css/style.css” type=”text/css” media=”all” /> <style type=”text/css” media=”all”>@import url( css/style01.css );</style>

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

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

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

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图