HTML Syntax Doc

HTML Syntax Doc

雙引號與 dash "-"

寫 CSS 跟 HTML 的時候只要有用到引號的話，統一使用雙引號 " ，在寫 JavaScript 的時候則統一使用單引號 ' 。如果要用符號來把字分隔開來的話，請用 dash - ，在寫 JavaScript 的時候則使用 underscore _ 。

Indent

一個 indent 是兩格空格。

空格跟空行

tag name 跟後面的屬性中間要空一格，屬性跟屬性中間空一格，除非 element 很短（例如下面範例的 h3 ），要不然 opening tag 跟 closing tag 都各自佔一行。

  <div class="intro-block">
    <h3 class="intro-title">Goal</h3>
    <p class="intro-content">Our goal is to make web development a joy. We want this project to have a smoother learning curve, powerful scaffolding generators for project prototyping, well-formatted project structure to be easier to maintain and of course to be a high-performance  web framework. </p>
  </div>

整個頁面只會出現一個的 Element 要下 Style 的時候用 Id

如果該網頁是一篇文章，那標題應該也只有一個，所以如果要給屬性的話就給標題 id，會重複出現的才能給 class。

一個 Element 最多只能有一個 Class 跟一個 Id

一個 element 只能下一個 class ，頂多再加一個 id ，要用的話就用 sass mixin 來達成效果。

用絕對路徑

在使用 img, css, js 的時候用絕對路徑不要用相對路徑( 要完成這些請多多使用 Middleman)

Zen Coding

建議使用 Zen Coding 來節省開發時間，目前公司剛好每個人都使用 Sublime Text 2 來寫程式， Sublime Text 2 也可以裝 Zen Coding。

Middleman

目前公司使用 Middleman 來做 html mockup，這邊有中文的簡單介紹。