網頁設計幾乎人人都會，摸過電腦的，懂一點Photoshop的，會一點frontpage的都自稱 "會" 網頁設計，或許你常常聽朋友說：我某個親戚，或隔壁的誰，大家都會網頁設計，這就好像會開瓦斯、會拿鍋子鏟子的都說他是廚師一樣，但真正要炒一盤有水準的名菜可不是那麼簡單。

網頁設計其實是一個門檻很低的行業，並不須要什麼高級的配備（抄菜不也一樣），只要有一台可以上網的電腦，租個空間買個網址，其實就可幫人網頁設計了，但事實上並非如此，因為重點在於網頁設計當中就要歁入網站行銷機制，如何與訪客做互動，如何爭取網站排名，相關字、關鍵字如何嵌入網頁之中，除了注重網站風格設計的質感外，網站的優化SEO更是很重要的。

網頁設計不等於網站行銷！網站做好之後如果不懂的網站行銷，那網站做也是白做，因為網海茫茫如何鶴立雞群就是各家的本領了，有的做好網站SEO（關鍵字優化），有的購買關鍵字廣告，有的寄發EDM，有的在拍賣網站上參一腳，有的互相交換網站上的連結，有的貼各大留言版，有的在Skype留言spam....其實說穿了就是要尋找買家或賣家，雖然如此但功夫可不簡單，你說網頁設計就只是單純的把圖往上一貼，如此而已嗎...

（待續...）

網頁設計須要設計軟體，設計好時還須要存放網站的網頁空間，您也可以自己架設自己的網站主機（虛擬主機），網頁設計的配備雖然門檻不高，一台二、三萬元的電腦和幾千元網頁設計軟體即可，但到底要選擇那一套網頁設計軟體才是呢？

其實沒有一定的答案，從簡單容易著手的namo 或office本身的成員FrontPage都是初學者或一般想架靜態網頁的朋友可選擇的網頁設計軟體之一，但若設計者本身想以此為工作或職業，走更專業的網頁設計路線，那建議你一開始就學習Dreamweaver這套網頁設計軟體，因為他功能強大，作出的網頁品質穩定、相容性高，而且又有很好的元件擴充功能，且很多網頁元件都可到Adobe免費下載。

基本上網頁設計的門檻並不高，網頁空間加一段網址即可，若只是要先練習用還可以只到免費網頁空間申請一個網站空間及一段免費轉址即可開始網頁設計的練習，若覺得這樣的練習過程還太麻煩，還可以到各入口網站直接申請一個部落格做網頁設計的練習，在部落格練習中主要是要了解別人是如何PO圖，網站的主題是什麼，網頁內容該怎麼做表現，如何上傳檔案及圖片到目的地，這些林林總總都是實際網頁設計的入門。

網頁設計越來越朝向精緻化、專業化發展，但除了精緻的網頁美工外如何真正的把商品或服務透過網路行銷出去才是真正網頁設計者應著重的精髓所在，所以網頁設計的未來應朝向網站行銷的路線才是，但問題網路行銷該如何進行呢？

可朝以下幾點發展：
(一)鎖定特定的族群(hungry fish)。
(二)提供超值的產品；最好能物超所值。
(三)提供售後的服務。

四、網頁框架與佈局
　網頁佈局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這裏就不做一一論述了。其實在我們在做設計的時候並沒有過多的去考慮什麼形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯想到它像太陽，而有些人則聯想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網站的定位做處合理的框架佈局。

1． 解析度
    網頁的整體寬度可分為三種設置形式：百分比、像素、像素+百分比。通常在網站設計中以象素形式最為常用，行業網站也不列外。我們在設計網頁的時候必定會考慮到解析度的問題，科技發展到現在我們通常用的是1024*768和1280*720的解析度，現在網路上較少用到778個像素的寬度，在800的解析度下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的解析度上網頁的最寬寬度，不代表最佳視覺，良好的設計佈局應該是不管在1280或1024還是800的解析度下，都可以達到較佳的視覺效果。

2． 合理廣告
    在目前一些網站廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等…）讓人覺得很煩瑣，更本就不願意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。
    浮動廣告有兩種，第一種是在網頁兩邊空餘的地方可以上下浮動的廣告，第二種是滿螢幕到處隨機移動的廣告。建議能使用第一種的情況下儘量使用第一種，不可避免第二種情況時儘量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、防挨到用戶流覽資訊,適得其反。首頁廣告不宜過多適中即可。如在註冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等…

3．空間的合理利用
　很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的資訊如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規範，導致流覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。
　　並非要把整個頁面塞滿了才不覺得空，也並非讓整個頁面空曠才不覺得滿，只要合理的安排、有機的組合，使頁面達到平衡，既使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思考空間，給人回味又達到了視覺效果。

4．文字編排
　　在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。
    4.1文字圖形化
　　文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目裏面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對於通用性的網站弊端就是擴展性不強。
    4.2強調文字
　　如果將個別文字作為頁面的訴求重點，則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

很多設計師認為做好了企業網站就一定能夠做好行業網站的設計，其實對設計來說行業網站和企業網站的設計截然不同，對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上面等…有著許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。對於一名優秀的網站設計師來說不能絕不能放過任何一點小細節，本篇文章簡述的是設計師在做行業網站時所需考慮的一些問題。

一、網站風格/創意
　　風格(style)是抽象的。是指站點的整體形象給流覽者的綜合感受。整體形象包括站點的版面佈局，色彩，字體，流覽方式等…。如：我們覺得迪士尼是生動活潑的而IBM則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裏我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。而企業網站設計師往往就缺乏這一點，沒有全局意思。
　　創意，所謂創意就是不拘一格？某些設計師在做創意的時候大費周章，做出來確實不可否認很有創意、很別致，但往往對於行業網站的客戶為什麼不能接受呢？此時不要太責怪客戶的不識貨，應該反思，抓住客戶的需求。其實做行業網站不需要很多大的創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想。

二、網站LOGO
　　Logo顧名思義就是站點的標誌圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站logo的設計過程中一般有以下三種思路：1.直接以網站網址作為logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站營運商的經營理念為特色。

三、視覺流程
　　人們在閱讀某種資訊時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。在心理學的研究表明，一般的流覽習慣是從上到下、從左到右，在一個平面上，上鬆下穩而壓抑。同樣，平面的左鬆右穩。所以平面的視覺影響力上方強于下方，左側強於右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的資訊通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達資訊的準確與有效性。

ThinkQuest 源自美國、現由Oracle教育基金會(Oracle Education Foundation) 贊助舉辦，至今已發展成為一個覆蓋多個國家、多種語言、多樣文化、更賦多重教育意義的國際性賽事，旨在提供多層面協作機會鼓勵學習。競賽希望能增進不同文化之間的接觸和理解，實現締造一個美好世界的願景，同時推動來自不同國家的學生展開跨區域合作。

參賽學生將從中學到團隊協作、項目管理、領袖才能和批判思維等技巧，提昇他們學術水準和科技本領。擔任學生隊伍輔導員角色的老師，不但可以確保網頁內容的相關性和質素，更能發展基於專題研習和網絡學習項目所需的統籌和技術技巧。

‧籌組設計隊伍，設計一個專題網站
1.學生年齡界乎 9 至19 歲，可組三至六人小組並由一名提供指導的教師帶領參賽。比賽更鼓勵組建來自不同學校、社區或不同國家成員的多樣化設計小組 。
2.參賽設計小組將有大約 8 個月的時間，就其中一官方主題類別，研究和共同設計一個具創意和教育意義的網站。所有網站內容和網站概要必須以英文提交；鼓勵設計多語言網站。
　　來自世界各地的教育者組成的獨立裁判小組，將對製作完畢的網站從教育性、設計、全球視野等評估標準進行評審。

‧重要日期 (美國東岸標準時間)
即日起開始接受設計小組報名！
提交參賽設計作品 : 2008 年04 月02 日前 (美國東岸標準時間3:00pm)
宣佈設計獲獎名單 : 2008 年05 月29 日

‧ThinkQuest 圖書館 － 學生自建自用
所有合資格的參賽設計作品將在備受歡迎的「ThinkQuest 圖書館」予以公佈；這一豐富的線上資源是學生們自建自用的。時至今日，已有超過 25,000 名來自世界各地的師生曾經或正在參與 ThinkQuest 活動，逾 1,500 個由學生設計的網站已被加入"ThinkQuest 圖書館"，供全球數以百萬計的教育者、學生、商業組織、政府機構和各個年齡段的學習者查看。該圖書館是網際網路上最多人瀏覽的教育類網站，現時每日平均有 3,000,000 瀏覽人次。

詳盡設計競賽規則、規則和時間表，請瀏覽 http://www.thinkquest.org

設計網頁應注意的事項
1.如何吸引用戶瀏覽網站的內容
2.任何有關網頁設計的觀念和技巧，應學習吸取
3.網頁標題及內容的可讀性差
4.沒有改變被點閱過的超連結顏色
5.開啟新瀏覽器視窗
6.在網頁上開啟閱讀PDF文件
7.固定的字體大小
8.不回答用戶的問題

如何吸引用戶瀏覽網站的內容
網頁是為了網路使用者而設計寫的，它不是印刷品。所以在網站設計時，多花點心思去如何吸引用戶瀏覽網站內容，方法很多以下列舉簡單幾項：
1.副標題
2.特殊符號清單
3.突顯關鍵字
4.簡短的段落
5.倒金字塔敘述
6.簡單的寫作風格

任何有關網頁設計的觀念和技巧，應學習吸取
大部份的網友，都已經培養具備有非常強而有力的選擇性注意力，當網友在網路瀏覽時，已經學會去停止注意所有與他們要找的資訊不相關的任何廣告。相對地，用戶有時也忽略了看似做廣告，但卻符合時代流行形式的設計概念。

從另一種角度來看，當您忽略了某些事項，如果您不仔細地去發現它、學習它，在現今這網路資訊爆炸時代會有追不上的無力感。因此，為了避免設計出的網頁，乍看之下像廣告的任何網頁設計的觀念和技巧，應當去學習吸取。列舉幾項供參考：
1.橫幅廣告-用戶在瀏覽網頁時，這些橫幅廣告不管它的形狀或位置，用戶較少會花費時間去注意。
2.避免動畫-快速閃動的文字或圖片，會令用戶無法專心- 失去焦點。
3.彈開式視窗-干擾或打斷用戶瀏覽的興致，不是良好的網頁應該有的。
4.無法回上一頁-不當的設計，很糟糕。

網頁標題及內容的可讀性差
搜尋是網路使用者發現網站最直接和最重要的方式。搜尋同時也是個人發現所要尋找網站的最佳方法。在搜尋目錄中，網頁標題是很重要的關鍵，它將吸引新訪客和幫助您現有的用戶找到他們所需要的特定資訊。

網頁標題是寫在HTML title的標籤內，它總是被搜尋引擎作為可被點選標題的目錄。而搜尋引擎只會顯示前66個字元的文字標題，所以請好好善於利用，這是SEO網站排名的基本功之一。

當用戶將喜愛的網站使用書簽點存時，網頁標題也作為在”我的最愛”的標題。所以您的首頁，應該從公司名稱開始，然後跟著的是網站的簡要描述說明您的網站。不要一開始以詞句類似像”歡迎”或”我們”，因為網站是按字母的順序按照排列的。

除了首頁之外的其他網頁，網頁的標題最好能使用較少的搜尋引擎關鍵字，然後具體描述網頁的內容，好讓用戶能根據這些關鍵字，找到他們所要的特定網頁。另外，網頁標題也會作為瀏覽器的視窗標題，它也可成為作用視窗在工具列下面視窗的標題，所以用戶可以同時移動多個視窗，因為每個網頁標題的前面只有一兩個而且是不同的關鍵字。如果所有您的網頁標題開始都有相同的關鍵字，它會大大減少多視窗用戶的實用性。

沒有改變被點閱過的超連結顏色
優良的網頁設計在製作網站的結構上，要注意設計網站網頁的可用性和可讀性。比如說，應設計有導覽列讓使用者能很順暢的瀏覽網站，並以最快的導覽路徑獲得他們所要的特定資訊。網頁設計讓用戶能夠掌握瀏覽主導權，並幫助他們瞭解目前的網站位置是很重要的。

如此一來用戶更容易知道，並決定下一步該往何處去，千萬不要讓他們在您的網站中迷失了。在整個導覽過程中，網頁的超連結是一個關鍵因素。因為用戶能根據稍早的點閱連結，避免並排除重複性導覽相同的網頁。

所以，結論是用戶能否分辨出超連結有沒有被點閱過，就在於這些超連結是否用不同的顏色來做區分。

開啟新瀏覽器視窗
網站設計者理論上會如此做，是希望開啟另一新的瀏覽器視窗，好讓現有使用者還能持續的待在他們的網站上。但實際上，他們卻忽略了網路使用者的一些習慣或事項，反而弄巧成拙適得其反。

因為上網者常會忽略一個開啟的新視窗，特別是如果他們螢幕解析顯示小，但卻把視窗最大化而填滿了整個螢幕。如此做法會讓使用者混淆，因為當他們設法回到原來網頁的時候，會無法按下一個已變成灰色的回“上一頁”的視窗按鈕。

還有就是一些無法事先讓網路使用者所預期的網頁超連結，連結到用戶所不喜歡的、無意義的網站。　這樣會破壞他們對現有網站的觀感，進而遠離或更糟糕的就是變成拒絕往來戶。

超連結的功用應該是從現有的網頁，連結到另外更富有參考性或更新的網頁資訊內容才是。

在網路上開啟閱讀PDF文件
在網路上瀏覽時，用戶較不喜歡開啟PDF文件檔，因為會打斷他們的瀏覽興致。就連最簡單的文件列印或檔案儲存有時對用使用者來講都覺得蠻困難的，因為標準的瀏覽器有時並不支援這些指令。

另一方面，PDF的文件通常都是設計且固定好的，所以有時很難去更改它。通常PDF文件檔都是被當作或利用來需要列印的檔案，分佈下載閱讀使用或製作成類似指南、手冊等。

當文件檔案很大的話，最好就是製作成PDF，除此之外，最好將資訊轉換成可在螢幕上瀏覽的網頁。

固定的字體大小
CSS網頁設計剝奪了網頁中可以改變字體大小的權利。大約95%的網頁中，這固定尺寸是微小的，因此對大多數年齡在40歲的人來說，已經大大地減少其可讀性。

所以網站設計時，應注意並尊重用戶的選擇權利，並且讓他們能隨時調整所需要的字體大小。也就是說，用相對來指定字體大小不要用絕對數字。

不回答用戶的問題
用戶上網的目的是非常直接而且明顯的。他們知道他們所想要的、所要完成的、所要達到的目的在那裡。所以由此看來網站製作的成敗就決定於是不是能提供消費者他們所想要尋找的資訊。

雖然大部份的網站擁有者已經知道這麼簡單的道理，但往往還是忽略了用戶的需求而平白無故損失了商機。原因不外是如果您不告訴他們更詳細的產品內容或更具體的服務事項，用戶會覺得您的產品或服務不符合他們的需要。

B2C電子商務網站通常會犯下列出產品和服務的價格這個錯誤。列出有關價格的資訊對顧客來說，最具體的用途就是幫助客戶瞭解所提供產品或服務的本質，並且作出最有利於消費者的決定。不提供價格會使用戶感到不解、迷失，甚至減少對產品的興趣和購買慾望。

要知道價格對用戶來說是非常關鍵的; 消費者在網路上購物能讓他們下單的最重要的因素就是─比價。它讓用戶在產品之中作區分，然後透過良好的網站製作和網頁設計讓客戶點選最有利的相關產品下單。

合理的網頁 CSS 編碼與組織技巧，能夠説明你更有效率地設計出更清晰高效的代碼，樣式表大小的縮減還能減少網頁下載的時間。  

組織你的CSS樣式表
儘管我們有種種 CSS 的開發工具，比如 TopStyle，比如 StyleMaster，它們可以讓你對當前這個CSS樣式表裡面定義了哪些規則，涉及哪些 class，哪些 ID 一目了然，但這不等於說你的CSS樣式表就組織清晰了，隨寫，隨看，隨改大概是我們常用的設計方式，一開始CSS樣式表還有點層次，後面這里加一點，那里加一點，就越來越亂了。所以不妨考慮規範一下你的設計方式。

大概有兩種組織方式，一種是我們常用的，把所有的描述同一個元素 (和它的子元素) 的規則都放到一起來，那麼如果需要查閱頁面中某個元素究竟受哪些規則影響的時候，就不必在整個樣式表中翻來翻去了。

另一種也值得參考，即，把描述某些特性的規則放到一處，把描述另一些特性的放到另一處，比如說關於顏色的定義，放到 color.css 檔中，描述字體的定義，放到 font.css 中，描述佈局的定義，放到 layout.css 中，這也能讓你的樣式表結構清晰，方便理解。

最大的優點是，如果你希望換一套配色方案，可以只修改一下 color.css，完全不必擔心其他的規則是否會影響頁面的顏色。

在傳統的網頁設計中，我們常常提到網頁的風格是如何重要，培養良好的編碼風格甚至遠比掌握網頁的語法和語義重要，儘管網頁設計師不一定要掌握那些網頁設計的技巧，但培養良好的網頁 CSS 編寫風格的確是很有用的。

使用屬性縮寫
CSS屬性縮寫的介紹，這裡我們來小結一下：
首先，有這麼幾個常用的屬性縮寫：
font
background
list-style
margin
border
padding

CSS多數是可以把幾個常規屬性合併到一起使用的，也就是說，可以給這些屬性縮寫賦予好幾個值，每個值之間用空格分隔。

另外，margin, border 和 padding 都遵循順時針原則，如果給定了四個值，從上方開始每次順時針轉 90 度。
如果給定了三個值，則是上側一種，左右同一種，下側一種。
如果給定了兩個值，就是上下一種，左右一種。
如果只給了一個值，那就是都一樣。

CSS屬性縮寫的使用，見仁見智，一方面，它的確是可以大大縮短代碼 (如果用得頻繁的話)，另一方面，修改CSS的時候又未免帶來不直接和不方便。

利用繼承和預設值
書寫高效的 CSS 中的相關章節，我想，這也得斟酌使用，首先，繼承和預設值在 W3C 標準中都沒有嚴格 (must) 的規定 (BTW, 就算有又如何呢？)，流覽器未必真的會像你預期的那樣去實現，某些CSS屬性的預設值真的是 0 麼？在所有流覽器裡都是 0 麼？需要反復嘗試後總結經驗；再者，如果CSS代碼中含有過多的這樣的“隱喻”，就未免不大好讀了，某某元素會顯示出某某特性，乃是繼承自它的父元素……在編寫樣式表的當天你可能還清楚，過一段時間忘了，就會很奇怪為什麼不曾定義這個規則卻又顯現出那個特性了。

所以建議，如果你要用到繼承和預設值來簡化代碼的話，最好寫下一些注釋予以說明。

利用多個 class 和多元選擇符
一個 HTML 元素可以屬於多個類，比如這樣：
<td class="subtotal negative">(-$422.72)</td>
你可以給“合總”的那些表格欄設定一個樣式，再給包含負數的那些表格欄設定一個樣式，把它們疊加在上面：
.subtotal {font-weight: bold;}
.negative {color: red;}
這種特性有時能夠讓你很靈巧地實現一些功能，即縮短了 HTML 代碼，又清晰了 CSS 規則。
關於多個 class 的詳細說明 (包括選擇符的相容性測試..) 請參考52CSS.com的相關文章介紹。
小結 選擇一種 CSS 規則的組織方式，並堅持使用它！
謹慎地使用一些雖然能夠簡短代碼，但會影響可讀性的書寫方式！
適時地瞭解一些已經普遍實現的 CSS2 新特性，能夠大大方便你的設計！

現在總結一下，以便大家能夠看到問題出在那裡。  

一.CSS校驗的問題
我們設計的網頁，都希望符合XHTML標準，CSS通過W3C的校驗。有些未通過CSS2.0校驗，主要校驗錯誤都是:“Line : 0 font-family: 建議你指定一個種類族科作為最後的選擇”

W3C建議字體定義的時候，最後以一個類別的字體結束，而不要以單獨某個字體結束。例如"sans-serif"就可以保證在不同作業系統下，網頁字體都能被顯示。

雖然多數人都在body網頁標籤上定義了"sans-serif"，但在其它的id或class中再次定義字體時漏了sans-serif，被認為網頁校驗不通過。這個錯誤不是很嚴重，只要稍加注意就可以避免。

二.CSS的書寫建議
給CSS文件加注釋
注釋會為你今後的維護帶來方便，建議盡可能給CSS檔加注釋，不要擔心增加少量的位元組。

儘量簡寫CSS語法
比如顏色值"#FFFFFF"可以簡寫成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以簡寫為"padding:30px 0 10px 20px;"。

在設計技巧上有更多的節省技巧，隨著對CSS設計應用的熟練，你會不斷發現更好的辦法。

三.XHTML校驗的問題
往往大家對CSS的網頁校驗比較注意，但在XHTML符合網頁標準方面有點忽視，出現很多低級錯誤。主要問題羅列如下：
◎target="_blank"，這個設計語法在HTML4.0裡是正確的，在XHTML1.0裡是不允許使用的。解決的辦法之一是寫成target="new"，另外一個辦法是用js處理所有的target；

◎網頁CSS樣式表最好不要內嵌
將CSS樣式表檔獨立出來易於維護。如果內嵌<style>一定要寫成<style type="text/css">，其中的type不能忽略，否則XHTML無法判斷你的style作用在什麼方面。

◎<br>必須寫成<br />，XHTML要求所有的網頁標籤必須關閉，不成對的網頁標籤直接在後面加" /"。

◎重複使用同一ID
一個ID在XHTML中只能使用1次，如果需要多次引用網頁CSS樣式，應該使用class。

◎網頁Flash的嵌入方法錯誤
<embed>最早是Netscape的私有網頁標籤，即使後來為IE所支持，但始終沒有被W3C承認，在HTML4.0沒有<embed>這個網頁標籤。W3C主張的是採用<object>標籤。為了解決不同流覽器的相容，有一個變通的解決方法是2個網頁標籤都採用。

完整的範例代碼如下(flash背景為透明)：
<object
classid="clsid:27CDB6E-AE6D-11cf-96B8-444553540000" codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="300" height="100">