The
Nếu đã từng làm việc và tiếp xúc với HTML, HTML5, chắc hẳn bạn đã từng nghe đến thuật ngữ Semantic tags (hay Semantic element). Trong HTML, mỗi một thẻ Semantic đều thể hiện ý nghĩa từng của yếu tố đó đối với các trình duyệt. Cùng tham khảo bài viết này để tìm hiểu kỹ hơn về những thẻ Semantic trong HTML5 và ý nghĩa mà nó mang lại.>> Học HTML và CSS ở đâu mang lại hiệu quả tốt? Show
Thẻ Semantic trong HTML giúp mô tả rõ ràng ý nghĩa riêng của thẻ đó đối với các trình duyệt và lập trình viên. Để hiểu rõ hơn, bạn có thể hình dung rằng nếu chỉ cần đọc tên các thẻ này, bạn đã có thể hiểu được nội dung bên trong element này nói về cái gì. Một số ví dụ về thẻ semantic (thẻ có ý nghĩa) như: , , ,Trong bài viết này, FUNiX đã gửi đến bạn những thông tin quan trọng về Semantic tags cũng như các thẻ và ý nghĩa của nó trong HTML5. Hy vọng bạn có thể hiểu hiểu rõ hơn về những thẻ này và biết cách sử dụng chúng dễ dàng hơn. Chúc bạn thành công. Semantic HTML là cách viết HTML mà sử dụng các thẻ HTML ứng với nội dung được chứa trong nó chứ không phải sử dụng các thẻ theo cách mà chúng ta muốn nội dung trong đó được hiển thị. Ví dụ như không thể sử dụng thẻ 0 để bọc 1 đoạn văn chỉ vì ta muốn đoạn văn đó có font chữ to ra. 0 và 2 biểu diễn cho các nội dung rất khác nhau nên không thể sử dụng như thếMột số thẻ HTML để phân chia nội dung trang:1.Thẻ 3Thẻ section dùng để phân chia các phần riêng biệt của trang HTML, ví dụ trong trang có các phần như About, Contact,... thì các phần này sẽ được bọc trong các thẻ 32. Thẻ 5Thẻ article dùng để chứa các nội dung độc lập trong trang. Những nội dung này có thể được cắt ra mang đi nơi khác mà người dùng ở nơi khác đọc vẫn có thể hiểu được, không phụ thuộc vào nội dung chứa trong trang. Ví dụ như trong trang có chứa phần giới thiệu về 1 quyển sách. Nội dung phần giới thiệu này bao gồm tiêu đề sách, tác giả, tóm tắt, giá,... những nội dung này có thể được trích dẫn ra rồi đem đi trang khác chia sẻ mà người dùng ở trang khác đọc vẫn có thể hiểu được nội dung này là gì. Ở đây, nội dung giới thiệu về trang sách này nên được bọc trong thẻ 53. Thẻ 7Thẻ nav khá dễ hiểu, nó dùng để chứa các thẻ 8 dẫn đến những nội dung chính của website, nên lưu ý là của website chứ không phải của trang HTML hiện tại, nav thường được bọc trong 9 hoặc 0.Ví dụ:
Lưu ý: Trong 1 trang có thể có 2 thẻ nav, 1 thẻ nav dẫn đến nội dung chính của website nằm ở phía trên header. 1 thẻ nav khác nằm ở phía footer, chứa đường link dẫn đến 1 số địa chỉ liên kết với website. 4. Thẻ Đối với thẻ ` |