快速輸入語法工具:Emmet

為了少打字少錯誤,並加快輸入效率,那麼Emmet則是很好用的工具,且Dreamweaver CC 2015已經內建囉!!

支援軟體介面

官網:http://docs.emmet.io/

語法簡介

記得開新檔案改為HTML格式

顯示html5結構

輸入【html5】後加【tab】即可

輸入前

輸入後

顯示link css檔案結構

輸入【link:css】後加【tab】即可

輸入前

輸入後

語法原則

範例

輸入【#header > (div.logo{我的網站} + ul#nav > li*5 > a[href=”#”]{Item $}) ^ #main{main} + #footer{footer】後加【tab】即可

輸入前

輸入後

 

結構參考連結