1.大圖布局，2.多圖布局

3.左圖右文，4.右圖左文，5.卡片列表

一、大圖布局

新聞列表中一般不會(huì)在整個(gè)頁(yè)面中采用大圖布局，因?yàn)樾侣勔话銛?shù)量較多且具有時(shí)效性，采用大圖布局會(huì)降低瀏覽效率，如果是比較重要的新聞或者是希望用戶注意到的內(nèi)容則會(huì)采用大圖布局。更多情況下，大圖布局和其他布局會(huì)混合使用，在大量新聞中，用大圖布局的方式突出某條新聞引起用戶注意。

擴(kuò)展

大圖布局也被運(yùn)用于多種場(chǎng)景中，大圖除了吸引用戶還能展現(xiàn)更多圖片細(xì)節(jié)，在很多以圖片為主的產(chǎn)品如設(shè)計(jì)師靈感庫(kù)都采用大圖布局的方式。airbnb同樣采用大圖布局列表向用戶展示符合條件的民宿，我們能發(fā)現(xiàn)預(yù)定酒店時(shí)列表往往是以小圖布局配合更多文字信息的布局方式，因?yàn)榫频攴块g大致相同，沒(méi)有更多的風(fēng)格或特色，人們關(guān)注酒店的品牌星級(jí)價(jià)格或設(shè)施等。而民宿和酒店不一樣，民宿往往各有特色，以其獨(dú)居風(fēng)格的裝飾來(lái)吸引住客，干凈舒適和富有特色的民宿圖片能一下子吸引用戶點(diǎn)擊，通過(guò)瀏覽大圖用戶就能了解民宿的大體環(huán)境，而不需要再次點(diǎn)擊查看，能提高用戶瀏覽查找民宿的效率。

二、多圖布局

多圖布局中每行內(nèi)容主要為標(biāo)題 三張圖片，通過(guò)對(duì)比發(fā)現(xiàn)，大部分的新聞產(chǎn)品中，娛樂(lè)新聞都是以這種方式布局的，為什么呢？娛樂(lè)新聞中圖片是較為重要的內(nèi)容，也更能吸引用戶的注意，在列表中展示更多的圖片能夠滿足用戶的好奇心，也能提高用戶瀏覽娛樂(lè)新聞的效率，通過(guò)圖片就能判斷是否為自己感興趣的內(nèi)容。除了娛樂(lè)新聞，社會(huì)新聞也采用這種布局方式。同樣也是用圖片來(lái)吸引用戶，或通過(guò)圖片即可了解大概的新聞內(nèi)容。

擴(kuò)展

大家對(duì)多圖布局方式一定非常熟悉了，我們每天都用的微信還有微博也是采用多圖布局的方式，這種方式可以讓用戶短時(shí)間內(nèi)了解所有圖片的大致信息，利于用戶快速瀏覽。很多旅游APP旅游攻略也采用多圖布局的方式，旅游攻略中經(jīng)常用大量的圖片來(lái)展示某個(gè)旅游景點(diǎn)，用戶往往更關(guān)注圖片也更容易被好看的旅游圖片所吸引，和朋友圈微博的多圖布局方式稍微有些不同的是，旅游攻略會(huì)選擇一張最重要最吸引用戶的圖片以大圖方式展示，其他的圖片則以小圖方式展示，這種布局方式既能讓用戶看清楚重要圖片的細(xì)節(jié)，也能對(duì)攻略的內(nèi)容有個(gè)大概的了解。

三、左圖右文

圖文列表是最常見(jiàn)的一種列表樣式，一般用于更關(guān)注文字信息的科技、財(cái)經(jīng)、時(shí)事政治等新聞，按照用戶的閱讀習(xí)慣，左圖右文會(huì)讓用戶先看到圖片再閱讀標(biāo)題，如果你希望用戶更關(guān)注圖片信息，那么就可以采用左圖右文的樣式。

四、右圖左文

同樣適用于更關(guān)注文字信息的新聞，與左圖右文相比，將圖片的優(yōu)先級(jí)降到最低，讓用戶更關(guān)注新聞內(nèi)容本身。除此之外，圖片的大小及標(biāo)題承載的文字?jǐn)?shù)量也值得思考，下面的例子中，36氪的圖片最小，給了標(biāo)題更多的空間并且將標(biāo)題加粗。36氪主要以科技新聞為主，對(duì)于這類新聞，用戶更關(guān)注標(biāo)題和新聞內(nèi)容，完整的標(biāo)題可以提高用戶的瀏覽效率，通過(guò)標(biāo)題就判斷是否為自己感興趣的內(nèi)容。

擴(kuò)展

大多數(shù)以文字信息為主的內(nèi)容都是以左圖右文/右圖左文的信息展示。左圖右文的樣式看起來(lái)更加整齊，且用戶瀏覽界面的順序一般呈F型或Z型，左圖右文能讓用戶更加流暢的瀏覽列表，而右圖左文使文字信息和圖片信息分離開(kāi)，用戶瀏覽列表時(shí)相對(duì)來(lái)說(shuō)沒(méi)有那么流暢。但如果用戶更關(guān)注文字信息而不是圖片信息，則以右圖左文的樣式能使瀏覽效率更高。

五、卡片列表

和前兩種樣式大體一致，但是用了卡片來(lái)承載內(nèi)容，并且將圖片信息放到最大，用戶在關(guān)注標(biāo)題的同時(shí)，也能清晰地看到圖片信息。目前來(lái)看，很少產(chǎn)品會(huì)使用這種布局，我覺(jué)得可能是因?yàn)榭ㄆ瑯邮綍?huì)讓整體的分割性更強(qiáng)，降低了閱讀的效率，但是卡片樣式相比前面幾種布局方式更規(guī)整，具體哪一種更好，還需要通過(guò)一定的數(shù)據(jù)做支撐。

擴(kuò)展

大部分大圖列表實(shí)際上也是以卡片列表的樣式呈現(xiàn)（看大圖列表擴(kuò)展）而小圖加文字信息列表以卡片樣式呈現(xiàn)的例子并不是很多，我找到兩個(gè)產(chǎn)品案例。第一個(gè)是一個(gè)收集了全世界藝術(shù)展館/展覽信息的APP，你也可以找到所在城市的藝術(shù)展，列表采用小卡片的形式，突出展覽名字，一個(gè)頁(yè)面中可以承載大概八個(gè)展覽，提高用戶瀏覽效率。為什么藝術(shù)展覽列表的圖片采用小圖而不是大圖來(lái)吸引用戶，我覺(jué)得有兩個(gè)原因：1.產(chǎn)品更希望用戶能到現(xiàn)場(chǎng)去看展覽，所以沒(méi)有采用大圖呈現(xiàn)更多細(xì)節(jié)，給用戶留下可探索的空間。2.在沒(méi)有了解相關(guān)背景前，通過(guò)圖片很難了解到是什么展覽，這種情況下文字信息比圖片信息更有效。第二個(gè)產(chǎn)品是好奇心日?qǐng)?bào)，將列表中的圖片信息都被放到最大，讓圖片呈現(xiàn)更多細(xì)節(jié)，但整體來(lái)看，會(huì)覺(jué)得”太滿“，增加視覺(jué)負(fù)擔(dān)。

總結(jié)

本文一共分析了五種新聞的布局方式，這些布局方式不僅僅運(yùn)用于新聞列表，在以列表形式呈現(xiàn)的界面中我們都能看到。在做列表設(shè)計(jì)時(shí)，我們需要分析列表的內(nèi)容和展示列表的目的，是要吸引用戶關(guān)注還是要提高用戶的閱讀效率，根據(jù)具體的內(nèi)容和目的再選擇合適的布局方式。

總結(jié)一下五種布局方式：

第一種大圖布局，如果希望重點(diǎn)突出的新聞，或者希望引起用戶的注意，可以使用大圖布局方式。

第二種多圖布局，如果是娛樂(lè)新聞、社會(huì)新聞等以圖片為主的內(nèi)容可以使用多圖布局方式，通過(guò)圖片可以引起用戶注意，并可以通過(guò)圖片了解新聞的大致內(nèi)容。

第三種左圖右文，如果是以文字信息為主的新聞如科技新聞、財(cái)經(jīng)新聞等，同時(shí)希望用戶關(guān)注圖片信息的時(shí)候，可采用左圖右文的布局方式。

第四種右圖左文，當(dāng)更關(guān)注文字信息的新聞可采用右圖左文的布局方式，標(biāo)題的優(yōu)先級(jí)最高，盡量保持標(biāo)題的完整性。第五種卡片列表，如果標(biāo)題和圖片同等重要的時(shí)候，可采用這種布局方式，將圖片最大化。

作者：Joley，公眾號(hào)ID：Microinteraction

escapeflight.com

wkamst.com

jamwithchrome.com

yourtour.withgoogle.com

adayinbigdata.com

siaperitivos.com

Oprime

kickpoint.ca

Centy

mustafademirkent.com

blocklevel.nl

      一、項(xiàng)目概況及公司簡(jiǎn)介

      該項(xiàng)目作為國(guó)家級(jí)大型會(huì)展中心，是實(shí)現(xiàn)中國(guó)經(jīng)濟(jì)發(fā)展戰(zhàn)略、推動(dòng)北方經(jīng)濟(jì)中心建設(shè)、優(yōu)化國(guó)家會(huì)展業(yè)戰(zhàn)略發(fā)展布局、打造全球會(huì)展新高地的重要平臺(tái)。項(xiàng)目將以內(nèi)外貿(mào)結(jié)合、進(jìn)出口結(jié)合、貨物貿(mào)易和服務(wù)貿(mào)易結(jié)合為發(fā)展模式，立足環(huán)渤海、輻射東北亞、面向全世界。

      項(xiàng)目主要包括大型展館、室外展場(chǎng)及會(huì)議中心、管理辦公用房等會(huì)展輔助設(shè)施。項(xiàng)目建成后，將集展覽、會(huì)議、節(jié)事活動(dòng)、辦公、酒店和消費(fèi)等功能為一體，成為國(guó)際一流、具有持續(xù)領(lǐng)先能力的會(huì)展綜合體。

      國(guó)展公司注冊(cè)資本金40億元，由中國(guó)對(duì)外貿(mào)易中心(集團(tuán))和天津城市基礎(chǔ)設(shè)施建設(shè)投資集團(tuán)有限公司共同投資。主要業(yè)務(wù)為會(huì)展服務(wù)，會(huì)展開(kāi)發(fā)經(jīng)營(yíng)，展館投資建設(shè)，展館運(yùn)營(yíng)，對(duì)房地產(chǎn)業(yè)進(jìn)行投資，資產(chǎn)管理，倉(cāng)儲(chǔ)、停車場(chǎng)服務(wù)，貨運(yùn)代理，勞務(wù)派遣等，將成為多元化、專業(yè)化的會(huì)展集團(tuán)。

      二、征集要求

      （一）設(shè)計(jì)內(nèi)容：

      中文名稱為：國(guó)家會(huì)展中心

      英文名稱為：National Convention and  Exhibition Centre（簡(jiǎn)稱“NCEC”）

      標(biāo)志應(yīng)包含中文名稱、英文名稱和圖案。

      (二)設(shè)計(jì)要求：

      1.構(gòu)思新穎、寓意深刻，準(zhǔn)確反映“國(guó)家會(huì)展中心”的內(nèi)涵；

      2.具有較強(qiáng)的獨(dú)特性、識(shí)別性、國(guó)際性。

      (三)作品提交：

      1.作品要求以RGB色彩和JPG格式提交，不小于300dpi。投稿中應(yīng)包括彩色版（標(biāo)注CMYK值）、黑白稿、創(chuàng)意說(shuō)明（約200字）三個(gè)獨(dú)立文檔。獲獎(jiǎng)logo須另行提供矢量圖。

      2.適用A4紙打印；

      3.參賽作品以電子郵件的形式投稿。郵件主題應(yīng)當(dāng)注明“logo投稿+作者姓名(院校)”, 郵件中應(yīng)有投稿人姓名、通聯(lián)地址、電話等；同時(shí)提供報(bào)名表（見(jiàn)附件）的電子版或掃描件，無(wú)掃描件可發(fā)傳真件。

      三、獎(jiǎng)勵(lì)辦法

      中標(biāo)作品1件，獎(jiǎng)金30000元（不含稅）；入圍作品10件，獎(jiǎng)金各2000元（不含稅）。中標(biāo)作品和入圍作品均頒發(fā)證書(shū)。

      四、應(yīng)征作品的權(quán)利歸屬

      作者應(yīng)保證其作品為原創(chuàng)，不得侵犯他人著作權(quán)；如侵犯他人著作權(quán),對(duì)已中標(biāo)的,將取消合作，對(duì)已發(fā)放獎(jiǎng)金的,將原額追回。所有法律責(zé)任由投稿者本人承擔(dān)。

      中標(biāo)作品和入圍作品的版權(quán)和使用權(quán)，均歸國(guó)家會(huì)展中心（天津）有限責(zé)任公司所有。

      五、征集時(shí)間

      2013年7月15日—2013年8月30日。

      六、聯(lián)系方法

      單    位：國(guó)家會(huì)展中心（天津）有限責(zé)任公司

      地    址：天津市和平區(qū)大沽北路161號(hào)

      郵    編：300040

      聯(lián) 系 人：潘女士 彭先生

      咨詢電話：022-23927359

      傳    真：022-23927353

      投稿郵箱：ncec@ncec.cc

      國(guó)家會(huì)展中心LOGO征集報(bào)名表.doc（點(diǎn)擊下載）

    【設(shè)計(jì)要求】
    形象標(biāo)識(shí)（Logo）應(yīng)通過(guò)巧妙的構(gòu)思和技法，將標(biāo)識(shí)的寓意與優(yōu)美的形式有機(jī)結(jié)合。保證標(biāo)識(shí)在各種環(huán)境中的有效識(shí)別性，保證標(biāo)識(shí)在各種載體使用中的適用性、和諧性，保證標(biāo)識(shí)易于制作和延展使用。
    1、中心意圖
作品要有鮮明的象征意義，在設(shè)計(jì)中應(yīng)充分強(qiáng)調(diào)涂志偉美術(shù)館的主體元素，彰顯涂志偉美術(shù)館的專業(yè)功能特點(diǎn)。
元素可包括有油畫(huà)畫(huà)種的調(diào)色板或畫(huà)筆、顏色、畫(huà)具等，或加用美術(shù)館的三角鋼琴造型，或用字母Zhiwei Tu Art Museum的Z T A M、TAM、TM等。
    2、色彩
色彩要單純、強(qiáng)烈、醒目，在各種不同的環(huán)境條件中，都能有較強(qiáng)的視覺(jué)效果。
    3、形式
    （1）適宜在各種介質(zhì)的媒體上傳播。
    （2）凸顯創(chuàng)意，構(gòu)圖力求巧妙、新穎、獨(dú)特，既內(nèi)涵豐富，又通俗易懂。

    【投稿需知】
    1、投稿人需提交三項(xiàng)材料：
    （1）設(shè)計(jì)圖稿，即參選作品。
    （2）設(shè)計(jì)和創(chuàng)意的詳細(xì)文字說(shuō)明，即設(shè)計(jì)說(shuō)明書(shū)。
    （3）投稿人聯(lián)系方式（姓名、身份證號(hào)碼、聯(lián)系電話、地址、郵政編碼等）。
    2、投稿人可以提交多份參選作品，每份參選作品應(yīng)附有對(duì)應(yīng)的設(shè)計(jì)說(shuō)明書(shū)，否則參選作品視為無(wú)效。提交多份參選作品時(shí)，作品名稱應(yīng)以“作者姓名－作品號(hào)”形式標(biāo)注。
    3、投稿人需使用以下方式投稿：
將作品以jpg圖片格式發(fā)送至wwwwwxxxxx@126.com 郵箱，在郵件標(biāo)題中注明“涂志偉美術(shù)館形象標(biāo)識(shí)征集”字樣，并在郵件附件中附上述三項(xiàng)材料。 
    4、截稿時(shí)間：2013年8月31日。

    【獎(jiǎng)勵(lì)】
    錄用獎(jiǎng)作品一件：現(xiàn)金獎(jiǎng)金6000元。
    入圍獎(jiǎng)作品三件：每件現(xiàn)金獎(jiǎng)金2000元。
    錄取及入圍作品將在翁山詩(shī)書(shū)畫(huà)院網(wǎng)站（http://www.wsssh.com/）公布，敬請(qǐng)留意。

    【聲明】
    1、設(shè)計(jì)方案應(yīng)為原創(chuàng)，并保證此前未以任何形式、在任何領(lǐng)域公開(kāi)發(fā)表。
    2、設(shè)計(jì)方案應(yīng)明顯區(qū)別于中國(guó)或者其他任何國(guó)家、地區(qū)的各類Logo。
    3、設(shè)計(jì)方案或任何用于創(chuàng)作參選作品素材，均不得侵犯第三方的任何著作權(quán)、商標(biāo)權(quán)、專有權(quán)利或其他權(quán)利，不得觸犯相關(guān)法律法規(guī)。
    4、所有來(lái)稿不予退還，投稿的Logo的著作權(quán)、使用權(quán)涂志偉美術(shù)館所有。
    5、此次征集活動(dòng)的最終解釋權(quán)歸涂志偉美術(shù)館所有。
    涂志偉美術(shù)館地址：廣東省翁源縣龍仙鎮(zhèn)。歡迎有意者前來(lái)參觀，聯(lián)系人：涂雀平，電話：13450320888。

    涂志偉美術(shù)館
    2013年7月15日

如何使P居中

主要的樣式定義如下：

說(shuō)明：

首先在父級(jí)元素定義TEXT-ALIGN: center;這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中；對(duì)于IE這樣設(shè)定就已經(jīng)可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時(shí)候設(shè)定時(shí)再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

需要說(shuō)明的是，如果你想用這個(gè)方法使整個(gè)頁(yè)面要居中，建議不要套在一個(gè)P里，你可以依次拆出多個(gè)P，只要在每個(gè)拆出的P里定義MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

如何使圖片在P 中垂直居中

用背景的方法。舉例：

關(guān)鍵就是最后的center,這個(gè)參數(shù)定義圖片的位置。還可以寫(xiě)成“top left”(左上角)或者”bottom right”等，也可以直接寫(xiě)數(shù)值”50 30″

如何使文本在P中垂直居中

如果是文字，便不能用背景方法，可以用增高行距的辦法變通實(shí)現(xiàn)垂直居中，完整代碼如下：

說(shuō)明：

vertical-align:middle;表示行內(nèi)垂直居中，我們將行距增加到和整個(gè)P一樣高line-height:200px;然后插入文字，就垂直居中了

近來(lái)大家總是在標(biāo)準(zhǔn)上爭(zhēng)論不休，其實(shí)，這些問(wèn)題一些相關(guān)文章已經(jīng)說(shuō)得很明白了。
　　以下我就談?wù)勎业目捶?。本帖子有太多的“我認(rèn)為”，說(shuō)明了我只是想把我的想法拿出來(lái)跟大家商榷，或許有太多不對(duì)的地方，也請(qǐng)大家一一指出。
　　1、我對(duì)web標(biāo)準(zhǔn)的理解
　　所謂的web標(biāo)準(zhǔn)，在一些教程文章上已經(jīng)得到結(jié)論：結(jié)構(gòu)化標(biāo)準(zhǔn)（XHTML、XML）、表現(xiàn)標(biāo)準(zhǔn)（CSS、XSLT？）、行為標(biāo)準(zhǔn)（DOM、ECMAScript）。這些東西在網(wǎng)上一搜一大把，在這里我就不多說(shuō)了。我只說(shuō)我自己的想法：
　　a.標(biāo)準(zhǔn)是相對(duì)的，有其一定的局限性
　　作為標(biāo)準(zhǔn)本身，它也在不斷地完善中。我們也可以加入其中完善它，而不是盲從它。沒(méi)有最好，只有更好。（LeXRus前一陣子說(shuō)要成立自己的web標(biāo)準(zhǔn)組織，不知道現(xiàn)在怎么樣了。）
　　b.標(biāo)準(zhǔn)只是被推薦使用，好的標(biāo)準(zhǔn)大家都會(huì)自覺(jué)去遵守
　　我們之所以使用標(biāo)準(zhǔn)，就是因?yàn)闃?biāo)準(zhǔn)對(duì)我們有利。正如現(xiàn)在倡導(dǎo)的ISO9000標(biāo)準(zhǔn)一樣，它只是倡導(dǎo)，并不強(qiáng)迫。我認(rèn)為它對(duì)我有用，所以我用它；同樣，如果你認(rèn)為它實(shí)在不怎么樣，你也可以不用它，標(biāo)準(zhǔn)本身不應(yīng)該帶有任何強(qiáng)迫性。就跟打籃球一樣，NBA是24秒進(jìn)攻，我們是30秒進(jìn)攻，我們要想加入NBA，就得用人家的規(guī)則。還有我們加入“世貿(mào)”也是，如果我們夠拽，自己成立一個(gè)“世貿(mào)”，自己發(fā)布一套標(biāo)準(zhǔn)，也是可以的。
　　c.標(biāo)準(zhǔn)沒(méi)有明確提到用P還是table
　　有些朋友很容易把標(biāo)準(zhǔn)簡(jiǎn)單地等同于“把table換成P”。我不這么認(rèn)為，因?yàn)閠able也是符合x(chóng)ml規(guī)則的。含有table的頁(yè)面照樣可以通過(guò)XHTML1.0的驗(yàn)證。
　　d.“P布局”不只是用P進(jìn)行布局
　　我們可以用一切可能的標(biāo)簽（包括table）對(duì)頁(yè)面進(jìn)行布局，目的就是要達(dá)到最優(yōu)。它只是提出一個(gè)概念，一個(gè)全新的模式。壇子里也有人說(shuō)過(guò)，“重要的是觀念上的更新，而不是代碼。”當(dāng)然，我們的最終目的是代碼的更新。
　　e.XHTML驗(yàn)證是手段，不是目的
　　有時(shí)，我們用&#106avascript來(lái)生成flash movie代碼，以欺騙validator，通過(guò)驗(yàn)證。用這種方法，那么沒(méi)有通不過(guò)驗(yàn)證的頁(yè)面。如果只是玩玩，那是可以的。但是我怕會(huì)有些初學(xué)者太把validator當(dāng)回事，甚至認(rèn)為通過(guò)驗(yàn)證是最終目的。我的看法是：validator不過(guò)是一個(gè)工具，它幫助我們檢查我們的頁(yè)面是否符合標(biāo)準(zhǔn)，僅此而已。最終我們還是得按客戶的要求設(shè)計(jì)我們的頁(yè)面。
　　2、我為什么要用標(biāo)準(zhǔn)
　　有人會(huì)以為使用標(biāo)準(zhǔn)的目的就是為了達(dá)到標(biāo)準(zhǔn)。其實(shí)，《網(wǎng)站重構(gòu)》一語(yǔ)道破天機(jī)：為了網(wǎng)站能“活”得更長(zhǎng)久，為了提高網(wǎng)站的可訪性，更為了降低成本，我們必須采用Web標(biāo)準(zhǔn)！這里有三個(gè)“為了”，沒(méi)有一個(gè)是為了標(biāo)準(zhǔn)。標(biāo)準(zhǔn)只是手段。
　　接觸“標(biāo)準(zhǔn)”后，我嘗試去做一些符合“標(biāo)準(zhǔn)”的頁(yè)面。當(dāng)時(shí)，并不是很明確為什么要使用標(biāo)準(zhǔn)，只是出于一種好奇心理。中間也遇到了一些難題，有技術(shù)上的，也有觀念上的。但是，現(xiàn)在我很樂(lè)意用P+css來(lái)給客戶做網(wǎng)頁(yè)。
　　用了標(biāo)準(zhǔn)以后，給我的感覺(jué)就是：代碼精簡(jiǎn)了，維護(hù)方便了。
　　代碼精簡(jiǎn)，可縮短頁(yè)面裝載時(shí)間。就算在當(dāng)前寬帶的條件下，我們也不應(yīng)該放寬對(duì)自己的要求――精簡(jiǎn)代碼（我想這也是每一個(gè)程序員對(duì)自己的要求），況且現(xiàn)在還有不少的撥號(hào)用戶，以及手機(jī)上網(wǎng)/瀏覽的用戶。這是一個(gè)分秒必爭(zhēng)的社會(huì)。
　　嚴(yán)格按照標(biāo)準(zhǔn)，可以獲得更高的兼容性。一個(gè)合格的網(wǎng)頁(yè)制作者，他總是試圖讓網(wǎng)頁(yè)達(dá)到最高的兼容性。當(dāng)然，他要在效果與兼容性之間取得某種平衡。就像我們現(xiàn)在挑老公：既要有錢(qián)，也要靚仔。
　　維護(hù)方便，我甚至只要修改一下css就可以讓整個(gè)頁(yè)面呈現(xiàn)出完全不同的風(fēng)格。這可以節(jié)省不少工作。
　　當(dāng)然，我認(rèn)為用標(biāo)準(zhǔn)最重要的一點(diǎn)是：向后兼容。用一個(gè)專業(yè)的術(shù)語(yǔ)就是：可持續(xù)發(fā)展。網(wǎng)絡(luò)總是在不斷地發(fā)展中，一個(gè)好的網(wǎng)頁(yè)制作者，總得對(duì)未來(lái)的發(fā)展有一定的預(yù)見(jiàn)。就現(xiàn)在我知道的，以后一段時(shí)間確實(shí)是xml的天下，直到有更好的東西出來(lái)取代它。
　　每年都有太多的網(wǎng)站為了跟上時(shí)代，花不少錢(qián)在改版上。因?yàn)楦陌婢鸵馕吨磺兄貋?lái)，包括代碼，甚至程序。
　　標(biāo)準(zhǔn)還要求我們把數(shù)據(jù)交給XHTML（或者h(yuǎn)tml、xml），把表現(xiàn)交給css，兩者各司其職，結(jié)合起來(lái)。
　　3、為table平反
　　《網(wǎng)站重構(gòu)》一書(shū)出來(lái)以后，也許有很大的誤讀成分，一些朋友把標(biāo)準(zhǔn)跟重構(gòu)混淆了，甚至等同起來(lái)。我沒(méi)看過(guò)這本書(shū)，不好做評(píng)價(jià)。
　　“在不改變代碼外在行為的前提下，對(duì)代碼做出修改，以改進(jìn)程序的內(nèi)部結(jié)構(gòu)”，這就是重構(gòu)。我認(rèn)為“網(wǎng)站重構(gòu)”兼有“P布局”跟“web標(biāo)準(zhǔn)”的意思。布局講的是一種方法，標(biāo)準(zhǔn)講的是一種規(guī)范，這是兩碼事。
　　web標(biāo)準(zhǔn)并不是說(shuō)不用table，我找遍了網(wǎng)上的文章，沒(méi)有找到一篇文章說(shuō)web標(biāo)準(zhǔn)反對(duì)使用甚至建議不使用table標(biāo)簽，我想它是這樣說(shuō)的：建議不要使用table“布局”，而改用P+cs“布局”。
　　拿一個(gè)數(shù)據(jù)表來(lái)說(shuō)，我認(rèn)為用table來(lái)組織它是最好的解決方案。當(dāng)然，你要用其他辦法來(lái)實(shí)現(xiàn)也是可以的，但是我敢說(shuō)都沒(méi)有table來(lái)得簡(jiǎn)單、簡(jiǎn)潔。（也許有，只是我沒(méi)找到？）當(dāng)然，在學(xué)習(xí)階段，強(qiáng)制自己不使用表格解決一切問(wèn)題，還是蠻有用的。
　　以上說(shuō)了這么多，與其說(shuō)是我的想法，不如說(shuō)是匯總了大家的想法。但求不貽笑大方，如果能對(duì)初學(xué)者有所裨益，那就阿彌陀佛了。