Trong bài viết này, chúng ta s�?tìm hiểu cách triển khai và phát triển HTML của mình nhanh hơn với Emmet.

Dưới đây là một s�?symbols (ký hiệu) chúng ta có th�?s�?dụng đ�?viết mã HTML một cách nhanh hơn:

• Child: >
• Sibling: +
• Climb-up: ^
• Grouping: ()
• Multiplication: *
• Item numbering: $
• ID and CLASS attributes
• Custom attributes
• Text: {}

Chúng ta có th�?s�?dụng với cú pháp như sau:

#1. Child: >

Cú pháp: nav>ul>li

Kết qu�?

#2. Sibling: +

Cú pháp: div+p

Kết qu�?

#3. Climb-up: ^

Cú pháp: div+div>p>span+em^bq

Kết qu�?

#4. Grouping: ()

Cú pháp: div>(header>ul>li*3>a)+footer>

Kết qu�?

#5. Multiplication: *

Cú pháp: ul>li*5

Kết qu�?

#6. Item numbering: $

Cú pháp: ul>li.item$*5

Kết qu�?

#7. ID and CLASS attributes

Cú pháp: #contrainer.item

Kết qu�?

#8. Custom attributes

Cú pháp: p[price=”50000″]

Kết qu�?

#9. Text: {}

Cú pháp:  a{Click here}

Kết qu�?

Với Emmet, bạn có th�?tạo nên cấu trúc HTML phức tạp với ch�?một dòng và giúp nâng cao năng suất và tốc đ�?viết HTML. Vì vậy, giúp tiết kiệm thời gian dành cho các developer mà vẫn đảm bảo hiệu qu�?và năng xuất làm việc.

B�?môn Ứng dụng phần mềm
Trường Cao đẳng FPT M?ng c�� c??c b��ng ?�� cơ s�?Hà Nội

The post Làm th�?nào đ�?viết mã HTML với Emmet Snippets appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.