div+css布局的好處

1、精選優(yōu)質(zhì)文檔-傾情為你奉上  1.大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本;    2.結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo    3.縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計一個有成百上千頁面的站點。    4.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標簽好多了，有了CSS，我們不再需要用FONT標簽或者透明的1 px GIF圖片來控制標題，改變字體顏色，字體樣式等等。    5.CSS非常容易編

2、寫。你可以象寫html代碼一樣輕松地編寫CSS。    6.提高易用性。使用CSS可以結(jié)構(gòu)化HTML，例如：<p>標簽只用來控制段落，heading標簽只用來控制標題，table標簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加更多的用戶而不需要建立獨立的版本。    7.可以一次設(shè)計，隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器，也可以發(fā)布在其他設(shè)備上，比如PowerPoint。    8.更好的控制頁面布局。不用多說。    9.表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一

3、個獨立樣式文件中，你可以減少未來網(wǎng)頁無效的可能。    10.更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價(ranking)。    11.Table 布局靈活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 還可以 ul li 但標準語法最好有序的寫。    12.另外如果你不是javascrput的高手，你可以不必去寫ID，只用class就可以。當(dāng)客戶端程序員寫完

4、程序，需要調(diào)整時候，你可以在利用他的ID進行控制。    13.Table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利于直觀。而Div 更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強。    14.在幾乎所有的瀏覽器上都可以使用。    15.以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面。    16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。    17.你可以輕松地控

5、制頁面的布局 。    18.你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動標簽:作者 liugang57  |  | 人氣(3) |  |  |   2007.03.23 11:59:20    XML 文檔的組件   XML 文檔是

6、一個含XML標記的ASCII文本文件,它的擴展名是.xml, 如: employee.xml在開始編寫XML文檔之前,你應(yīng)該了解組成XML文檔的各個部分.一個XML文檔的主要成分包括:* 元素* 內(nèi)容* 屬性* 注釋元素元素是XML文件的基本構(gòu)造塊,作為主要的標注組件,用來描述文件的內(nèi)容.每一個元素用一個標簽來表示一段文本信息.大部分標簽是成對出現(xiàn)的,開始標簽在數(shù)據(jù)的開始處,結(jié)束標簽放在數(shù)據(jù)的末尾.開始標簽和結(jié)束標簽之間嵌有信心的元素稱為容器元素.例如:    <Title> My Title </Title>我們知道,上面語句中的Title是HTM

7、L里的元素,用來顯示瀏覽器窗口的標題.在XML里，你可以創(chuàng)建自己的元素,如:   <empname> John Rambo </empname>在上面的語句中,empname是由開始標記(<>)和結(jié)素標記(</>)定義的元素,嵌在這兩個標簽中的信息就是這個元素的內(nèi)容.利用元素嵌套,你可以構(gòu)建一個分層的結(jié)構(gòu).也有一些標簽不是成對出現(xiàn)的,被稱作空元素.空元素不能包含的元素或數(shù)據(jù),因為它沒有開始和結(jié)束標簽.最簡單的空元素例子是用<BR>標簽表示的斷行元素.在一個XML文件中,可以有一個或多個元素,但只能有一個根元素,根元

8、素下面允許有多個子元素.內(nèi)容在XML中,由元素表示的信息,稱為內(nèi)容.請看下面的例子:  <TITLE> LION KING </TITLE>上面這行語句中,LION KING就是TITLE元素所表示的內(nèi)容.屬性屬性提供元素的補充信息.每個屬性有一個屬性名和屬性值,屬性值可以是數(shù)字,單詞,或URL.在HTML中,我們經(jīng)常使用字體元素的顏色屬性,如:<Font color="red">Displayed in red</Font>其中,color是屬性名,其屬性值是red.在XML中，屬性值一律要加上引號.例如

9、:<empname doj="2006">John Rambo</empname>這里,"2006"是doj屬性(data of joining)的屬性值,用來描述元素empname.注釋注釋是用來給XML文檔加上注釋的,瀏覽器和XML處理器都忽略注釋,不加處理.使用注釋的好處是能使所有使用XML文檔的人都對文檔中各種元素的用法一目了然.要在XML文件中輸入注釋,可以依次輸入一個小于號,一個感嘆號和兩個橫杠,再輸入注釋的文本內(nèi)容,并確保文本中沒有兩個橫杠.這一點W3C規(guī)定的,以保持XML與SGML的兼容.最后輸入兩個橫杠和一個大于

10、號來結(jié)束注釋.例如:<!- Writing comments in XML Documents->這就是注釋.結(jié)構(gòu)良好的XML文檔一個結(jié)構(gòu)良好的XML文檔應(yīng)該遵守以下五個基本規(guī)則:* 標簽不能隱含,必須顯式出現(xiàn).每一個起始標簽必須有對應(yīng)的結(jié)束標簽;每一個結(jié)束標簽也必須有對應(yīng)的起始標簽,對比一下HTML和XML的不同:在HTML中,可以用下面的這段代碼創(chuàng)建一個編號列表:<OL><LI> Number list item one<LI> Number list item two<LI> Number list item three<

11、/OL>在上訴代碼中,用<OL>和</OL>來表示這是一個順序列表,用<LI>表示當(dāng)前列表項的開始,而列表項的結(jié)束,則是靠后一列表項的開始來暗示的.如果這段代碼出現(xiàn)在XML文檔中,瀏覽器是不會正確解析這個頁面的,因為它并不是一個結(jié)構(gòu)良好的文檔.XML文檔中的標簽必須顯式出現(xiàn)，不能隱含.如果用XML實現(xiàn)上面的例子,必須這樣書寫:<OL><LI> Number list item one</LI><LI> Number list item two</LI><LI> Number lis

12、t item three</LI></OL>從上面這個例子中,你能看到,第一個列表必須包含在開始標簽和結(jié)束標簽之間,以滿足結(jié)構(gòu)良好的XML文檔的第一個規(guī)則.* 空標簽的結(jié)束字符'>'前必須使用'/'字符.所謂空標簽,是指標簽的所有信息都放在它的分界符里,沒有任何屬于它的文本信息.比如象HTML中的<BR>和<IMG>,都不需要結(jié)束標簽,因為標簽里已經(jīng)包含了所有的信息.HTML 中的標簽全部是預(yù)定義的,瀏覽器能夠直接識別.但是必須記住,XML中沒有任何預(yù)定義的標簽,用戶為自己的頁面定義自己的語言.正因為這樣,X

13、ML并不能 知道<BR>,<IMG>是空標簽,你必須在標簽的結(jié)束處加上斜杠(/),來指明他們是空標簽.就像這樣:<BR/><IMG SRC="image.gif"/>* 所有的屬性值必須用雙引號括起來.在HTML當(dāng)中,下面的語法是正確的:<TD WIDTH="25%"><TD WIDTH=25%>然而在XML當(dāng)中,由于屬性值必須用引號括起來,所以只有前面一句和</TD>配合起來才是合法的.* 標簽不能交疊使用比如說,下面這行語句就交疊起來了:<CITY>Chicago<STATE>Michigan</CITY></STATE>在XML中，必須從里到外地關(guān)閉標簽,正確的順序是:<CITY>Chicago<STATE>Michigan</STATE></CITY>* 標簽大小寫敏感,每次都必須嚴格匹配在XML文檔中,必須區(qū)分大小寫,如果你寫了如