Đây là phần note của mình về các cú pháp cơ bản mà Emmet hỗ trợ sau khi tìm hiểu về Emmet.
Hiện tại Udemy.com đang có khóa học miễn phí về Emmet - Best Tool For Developers Edwin Diaz Rate CourseHiện tại cũng có Video tiếng Việt trên laptrinh.io
Tuy nhiên mỗi lần muốn tham khảo hoặc xem lại thì xem video rất khó nên mình tóm tắt lại cho tiện.
Emmet là gì?
- Emmet là một plugin cho các code editor phổ biến như Sublime, atom, bracket,…
- Emmet giúp việc code html và css nhanh hơn và đơn giản hơn. Thay vì phải gõ từng tag, mở tag, đóng tag, copy và paste, emmet định nghĩa các cú pháp kiểu viết tắt và sẽ tự động chuyển thành code hmtl/css.
Ví dụ:
Code emmet
ul.my-list>li*5>a{click here}
Nhấn Tab
hoặc Ctrl
+E
<ul class="my-list">
<li><a href="">click here</a></li>
<li><a href="">click here</a></li>
<li><a href="">click here</a></li>
<li><a href="">click here</a></li>
<li><a href="">click here</a></li>
</ul>
Đọc thêm ở đây: http://kebano.net/su-dung-emmet-de-tang-toc-lap-trinh-html-va-css/