HTML CSS 排版規則

命名規則

請遵照有語意 (semantic) 的命名法則。

id 與 class 屬性命名規則
- 請全數用小寫英文、數字，儘量不要使用縮寫。
- 文字連結可使用 _ 符號，如 user_name。
- 語意分隔符號一律用 - 區隔，如 header-logo，勿使用 header_logo 命名。
- 網站單一頁面不能有同名的 id 屬性，應使用 class 屬性。
Tag 使用規則
- 排版請使用 div 標籤，列表才能用 table 標籤。
- 單一頁面中 h1 ~ h6 請依序使用，維持階層性，勿跳著使用。
- 只有屬於內文時，才可以使用 p 標籤。
- 欲包裹文字區塊請用 span 或 div 標籤，視需求加上 display:block; 來達到區塊效果。
- img 標籤都要用 div 包起來並限制大小。
- Logo 請先用 h1 和 a 標籤包裹文字，再用 css 移走文字、置換成圖片。
- 勿寫 inline-style 或使用 <style>，一律使用 CSS 排版