談 Web 的內容（Content）、結構（Structure）與表現（Presentation），現在可能有些晚了，只是正好想起，理理思路，共勉。

　　內容是結構的基礎，而非相反。內容在一定程度上體現出一定的結構，但并不是全部。原始內容就相當于數碼相片的 RAW 格式，未經處理，但是即使未經處理的內容，也包含著一定的結構，比如我們通過閱讀一段文字，可能包含著標題、正文、段落（這些屬性是通過閱讀而發現的，而不是從表現上）等，這就是結構。為了區分，內容體現出來的結構，我把它稱之為內結構（內容結構）。

　　以上僅針對一段文字而言。互聯網的基礎是網頁和超鏈接，超鏈接形成了頁面流。這頁面流也是結構的一部分，是交互設計的重點：對請求（Request）和響應（Respond）的處理。這邊談到的結構是不可能由內容體現出來的，為了方便我稱之為外結構（交互結構）。

　　由內結構和外結構一起形成了 Web 站點的結構。這個結構是所有表現的基礎。沒有這個結構就不會有表現。結構并不是 wireframe，wireframe 是結構的一種可視化表現，是開發流程中的溝通工具。從內容到結構到表現，也是大部分網站設計的流程。

　　很多文章都忽略了內容的重要性。內容是網頁的基礎，本文所有涉及內容的，僅指文字、圖像（不包括裝飾性的圖片）、音頻、視頻，不從邏輯學上去解釋這個定義，不然太麻煩了。那么交互過程中的提示反饋算什么？不能把它單獨歸于內容或者結構，應該是兩者的結合。

　　通常大家在談及結構與表現的時候，還會提到行為（Behavior），按照我的理解，行為應屬于外結構，也就是交互結構。為什么要把行為單獨提出來和結構、表現相提并論呢？我想可能是因為技術實現上的不同，因為 Web 標準的流行，談的最多的是結構、表現與行為，三者分別由 (X)HTML、CSS 和 JavaScript 實現。在 HTML 中，結構就是各種 HTML 標簽和它的屬性，內容就是被包含在開始標簽和結束標簽中間的數據。至于表現，就是 CSS 實現的部分。

　　信息架構的工作，就是處理內結構和一部分外結構，按照人們的心理（習慣）去呈現內容；交互設計的工作，就是處理外結構，并且以不影響內結構為前提；視覺設計的工作，就是在不影響內容和結構的情況下，處理內容和結構的表現。所以信息架構師往往和交互設計師協同工作或者就是同一個人（往往跟隨著整個設計流程，包括表現方面的設計）。而視覺設計師反而是比較輕易區分的職位。

　　內容、結構與表現關系到生活、工作的方方面面。做一份 PPT、做一份報表、旅行計劃等，不僅僅是 Web。而更加結構化的內容將是 Web 發展的方向。