統來說，「標準網頁」的檔案組織就是xhtml+css。其中xhtml主要用來表示網頁結構和顯示內容，而css則是定義結構布局和修飾內容樣式。
常用於布局的xhtml一般有：
同時對各區塊建議這樣的命名：
頭部：導航：
側欄：內容：
注：id具有唯一性，即在同一頁面中不得重複出現該id兩次以上。否則使用class。
ul：其原本是無序列表，在xhtml+css的應用中常用來表示非結構類的同等元素。需要和ul的子元素li配合使用。
span：如果拿這個元素和div進行比較，那麼span是個袋子而div則是個箱子（語出小毅：xhtml**的基本應用）。其實div是個塊級元素，而span是個行內元素（參見有關內聯（行內）元素、塊級元素），通過span就可對一段或一行元素集中的某片斷元素進行單獨定義。
比如：在css中定義span為左/右浮動，就能實現日期和標題的分兩側顯示。這相對使用
要簡單得多。
在說完了常見的用於布局的xhtml標籤後，還有的xhtml標籤則是用來顯示網頁內容的。比如：
表示影象
表示超級鏈結
原本使用和表示粗體和斜體的標籤，選擇使用和代替。
頁面布局之flex布局
flex布局 flex布局也叫作彈性盒子布局，可以簡便 完整 響應式的實現各種頁面布局，同時也支援所有的瀏覽器。父級元素設定css樣式為 display flex。內容的位置用justify content來控制，常用的屬性有 space between space around center le...
前端布局之Flex布局
傳統布局方式基於盒模型，依賴display屬性 position屬性 float屬性。由於傳統布局一些操作複雜，2009年w3c提出了flex布局，可以簡便 響應式的實現各種布局，並且能夠相容所有瀏覽器。區別於傳統布局的 盒子 在flex布局中稱為 flex容器 flex container 其所有...
前端布局之傳統布局
每個元素都有乙個預設的display屬性，但我們可以隨時重寫他。元素分為塊級元素和內聯 內聯級 元素，1 塊級元素的display預設為block,樣式為新開一行並盡量撐滿容器，能夠設定尺寸如寬度和高度 2 內聯元素的display 預設為 inline,樣式為嵌入在行內，不換行也不能設定尺寸 3 ...