透過範例學習 Emmet 語法
網頁製作時，手刻 HTML/CSS 即傷神又容易出錯，讓我們來看看 Emmet 如何快速又便捷的協助我們進行 HTML/CSS 的輸入。 Elements 輸入 div 按下 Enter 或 Tab 鍵，輸入 innerHtml - abc 再按下 Ctrl+Enter 鍵 <div>abc</div> 輸入 p 按下 Enter 或 Tab 鍵，輸入 innerHtml -abc 再按下 Ctrl+Enter 鍵 <p>abc</p> Nesting operators Child: > div>ul>li <div> <ul> <li></li> </ul> </div> Sibling: + div+p+bq <div></div> <p></p> <blockquote></blockquote> Climb-up: ^ div+div>p>span+em div+div>p>span+em^bq div+div>p>span+em^^^bq <!-- div+div>p>span+em --> <div></div> <div> <p><span></span><em></em></p> </div> <!-- div+div>p>span+em^bq --> <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div> <!...