用一行縮寫快速建立 HTML 標籤架構

html-programming

之前上課學習HTML時，很常看到老師們使用簡寫，一下就將網頁的標籤排好了，讓逗點人十分地羨慕以及佩服！

目前身為一個講求效率（ㄊㄡ ㄌㄢˇ）的前端設計師，一定會想要快速寫好HTML的主要標籤架構，這時在程式碼中使用”>”簡寫就可以很快速的建立好囉！

以下列了一些非常有用的簡寫法，好東西，不記嗎？

  • div>a

Copy to Clipboard

  • div>a*3

Copy to Clipboard

  • div.pictures>a>img

Copy to Clipboard

  • div.checkbox>input#checkbox

Copy to Clipboard