CSS Layout設計規範 // CSS Technology
HTML設計規範[4] 正確使用標籤結構的巢狀嵌套規則
底下這張圖是標籤的巢狀嵌套規則，標示出那些tag下，可以出現什麼類型的tag，可以拿來做為巢狀結構的參考依據，而這部份也是很多設計者都會忽略掉的重點。 以上圖片轉載自(X)HTML Strict 下的嵌套规则，作者：吴隽辰 JunChen
HTML設計規範[3] 選用符合資料意義的正確標籤
在學會CSS Layout前，要先瞭解CSS Layout並不是單純只是用<div>把所有內容包起來，再用CSS做樣式，就是CSS Layout，而是要對XHTML的標籤有一定的瞭解，這樣才能寫出正確的結構。以下就網頁中常碰到的五大元素類型來介紹XHTML的標籤...
HTML設計規範[2] XHTML網頁標誌語言的規則說明
CSS Layout設計首重HTML標籤的語義結構，除了要正確使用結構規則外，也要懂得選用正確的標籤以符合資料本身代表的意義，能夠對語義結構有精確的理解，才算是成功使用CSS Layout設計的第一步。而對於標籤結構我們目前選用的是XHTML 1.0這個標準。
HTML設計規範[1] 選用符合標準模式的DOCTYPE宣告
DOCTYPE文件類型定義有很多種，除了用來識別html/xhtml版本之外，同時也告訴瀏覽器該以哪一種模式來顯示網頁，這段宣告一定不可缺少，而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告，這樣即可以解決大部份跨瀏覽器的呈現問題，例如著名的Box Model相容問題。
Web前端開發設計概要說明
網頁元素可分成三大部份：結構 (HTML)、樣式 (CSS)、行為 (JavaScript)。前端開發的理想目標，就是要盡量將這三個部份各自分離獨立。透過CSS Layout的設計理念，可以將樣式從結構中抽離出來，透過非侵入式Unobtrusive JavaScript的設計準則，還有jQuery的輔助，可以將行為從結構及樣式中獨立出來。
產業訊息
樂倍達數位科技 版權所有 Copyright © 2004-2011 DoubleService Digital Technology. All Rights Reserved.