Những thẻ HTML mà bạn không bao giờ dùng

Những thẻ HTML mà bạn không bao giờ dùng

Có hơn một trăm phần tử trong HTML, tất cả đều có thể được áp dụng cho các phần văn bản để tạo cho chúng ý nghĩa đặc biệt trong một tài liệu. Hầu hết chúng ta chỉ biết một số ít, chẳng hạn như  <p><div> và các yếu tố <body> ,…

Nhưng trên thực tế, còn rất nhiều thứ ẩn trong vùng tối của tham chiếu W3C. Đó là lý do tại sao, trong bài viết này, tôi đã tự do đi sâu vào tài liệu HTML, để đưa ra một loạt các yếu tố hữu ích sẽ cải thiện trang web của bạn không chỉ một mà là hai cách rất quan trọng: khả năng truy cập và SEO.

<abbr> – Viết tắt

Những thẻ HTML mà bạn không bao giờ dùng

Phần tử này đại diện cho cả chữ viết tắt (như Corporation ➟ Corp.) và từ viết tắt (như Cascading Style Sheets ➟ CSS). Ngoài ra, bạn có thể sử dụng thuộc tính title của nó để viết dạng đầy đủ của từ để trình đọc màn hình có thể đọc nó và người dùng có thể di chuột qua nó để đọc.

<ins> và  <del> – Chèn và Xóa

Những thẻ HTML mà bạn không bao giờ dùng

Các phần tử  <ins> và  <del> trong thẻ HTML đại diện cho một loạt văn bản đã được thêm hoặc xóa vào tài liệu.

<dfn><var> , <kbd><samp> , và <output> – Các yếu tố kỹ thuật

Những thẻ HTML mà bạn không bao giờ dùng

Đây là các phần tử đại diện cho các phần đặc biệt theo hướng kỹ thuật trong tài liệu, như định nghĩa, biến, tổ hợp phím, v.v.

<bdo> – Hướng văn bản

Những thẻ HTML mà bạn không bao giờ dùng

Phần tử này thay đổi hướng của văn bản để làm cho nó hiển thị ngược lại. Bạn có thể kiểm soát hành vi của nó bằng cách sử dụng  dir thuộc tính.

Mặc dù không phải mục đích sử dụng của nó, nhưng nó có thể đảo ngược văn bản mà không sử dụng gì khác ngoài HTML!

<mark> – Làm nổi bật văn bản

Những thẻ HTML mà bạn không bao giờ dùng

Mục đích của phần tử này trong HTML là làm nổi bật văn bản giống như bạn làm với điểm đánh dấu.

<area> – Khu vực hình ảnh có thể nhấp

Những thẻ HTML mà bạn không bao giờ dùng

Bạn có thể sử dụng yếu tố này để làm cho một số vùng nhất định của hình ảnh của bạn hoạt động giống như các liên kết!

<dl><dd> và  <dt> – Danh sách mô tả

Những thẻ HTML mà bạn không bao giờ dùng

Bạn có thể sử dụng các phần tử này để tạo danh sách mô tả chính xác về mặt ngữ nghĩa, nơi bạn xác định nhiều thuật ngữ trong một khối văn bản.

<sup> và  <sub> – Chỉ số trên và Chỉ số dưới

Những thẻ HTML mà bạn không bao giờ dùng

Với hai yếu tố này, bạn có thể thêm chỉ số trên (như  ) và chỉ số dưới (như x₀) vào tài liệu của mình.

<figure> và  <figcaption> – Hình ảnh được gắn nhãn

Những thẻ HTML mà bạn không bao giờ dùng

Bạn có thể sử dụng  <figure> để chứa bất kỳ phần tử nào bạn muốn, chẳng hạn như một hình ảnh. Và sau đó, bạn thêm  <figcaption> làm con cuối cùng của nó, nơi bạn có thể thêm một khối văn bản mô tả những gì bên trên nó.

<progress> và  <meter> – Tiến độ chấm điểm

Những thẻ HTML mà bạn không bao giờ dùng

Điều này cho phép bạn tạo các phần tử thanh tiến trình phù hợp về mặt ngữ nghĩa, nơi bạn hiển thị mức độ hoàn thành của một hành động.

<details> – Menu có thể mở rộng

Những thẻ HTML mà bạn không bao giờ dùng

Bạn có thể sử dụng phần tử này để tạo menu gốc có tiêu đề và có thể mở rộng bằng cách sử dụng một nút. Không cần JavaScript.

<dialog> – Hộp thoại bật lên

Những thẻ HTML mà bạn không bao giờ dùng

Có thể tạo các hộp thoại chính xác về mặt ngữ nghĩa bằng cách sử dụng phần tử này. Bản thân nó không làm được gì nhiều, vì vậy bạn phải sử dụng CSS và JavaScript để thêm nhiều chức năng hơn.

<datalist> – Đề xuất nhập văn bản

Những thẻ HTML mà bạn không bao giờ dùng

Phần tử này cho phép bạn thêm các đề xuất nhập văn bản theo cách thủ công. Bạn có thể thêm bất cứ điều gì bạn muốn!

<fieldset> – Nhóm các phần tử biểu mẫu

Những thẻ HTML mà bạn không bao giờ dùng

Giữ cho biểu mẫu của bạn gọn gàng và thân thiện hơn bằng cách sử dụng  <fieldset> phần tử.

<object> – Nhúng các đối tượng bên ngoài

Những thẻ HTML mà bạn không bao giờ dùng

Với yếu tố tuyệt vời này, bạn có thể nhúng hầu hết mọi tệp bạn muốn vào trang web của mình! Các tệp được hỗ trợ phổ biến nhất là PDF, video Youtube, v.v.

<noscript> – Nếu JavaScript bị tắt

Những thẻ HTML mà bạn không bao giờ dùng

Phần tử này có thể được sử dụng để hiển thị một số nội dung khi JavaScript bị trình duyệt tắt. Nó rất phổ biến được sử dụng bởi các trang web phụ thuộc nhiều vào JavaScript, như Ứng dụng trang đơn (SPA).

Kết luận

Nếu bạn thấy bài viết “những thẻ HTML mà bạn không bao giờ dùng” này hữu ích, xin đừng quên lưu lại để tham khảo trong tương lai.

Tôi thực hiện các bài viết như thế này hàng ngày, vì vậy hãy theo dõi tôi để cập nhật thông tin. ❤️

Cảm ơn bạn đã theo dõi bài viết!

Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU

KHOÁ HỌC BOOTCAMP JAVA/JAVASCRIPT/PHP TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

Leave a Reply

Your email address will not be published.