html-convention.md

HTML 語法規則

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

id 與 class 屬性命名規則

• 請全數用小寫英文、數字，儘量不要使用縮寫。
• 文字連結可使用 _ 符號，如 user_name。
• 語意分隔符號一律用 - 區隔，如 header-logo，勿使用 header_logo 命名。
• 網站單一頁面不能有同名的 id 屬性，應使用 class 屬性。

HTML Tag 使用規則

• 排版請使用 <div> 標籤，列表才能用 <table> 標籤。
• 單一頁面中 <h1> ~ <h6> 請依序使用，維持階層性，勿跳著使用。
• 只有屬於內文時，才可以使用 <p> 標籤。
• 欲包裹文字區塊請用 <span> 或 <div> 標籤，視需求加上 display:block; 來達到區塊效果。
• <img> 標籤都要用
  ` 包起來並限制大小。
• Logo 請先用 <h1> 和 <a> 標籤包裹文字，再用 css 移走文字、置換成圖片。