8 PHẦN TỬ HTML THUẦN MÀ BẠN KHÔNG CẦN ĐẾN THƯ VIỆN

Đừng cố chống lại trình duyệt của bạn. Đừng cài đặt thêm thư viện cho những thứ mà bạn vốn đã có sẵn.

Hãy thử 8 phần tử HTML thuần sau đây:

  • <dialog>: Dùng cho các modal. Nó tự xử lý focus và backdrop.
  • <details> và <summary>: Dùng cho các accordion.
  • popover: Dùng cho các menu. Không cần đến JavaScript.
  • <select> và <datalist>: Dùng cho dropdown và autocomplete.
  • <input type="range">: Dùng cho thanh trượt (sliders). Tùy chỉnh giao diện bằng CSS.
  • <input type="color">: Dùng cho bộ chọn màu (color pickers).
  • <input type="date">: Dùng cho lịch. Hoạt động tốt trên thiết bị di động.
  • loading="lazy": Dùng để tải hình ảnh (lazy loading).

Ưu tiên sử dụng các tính năng thuần không có nghĩa là không dùng phụ thuộc (dependencies). Nó có nghĩa là bạn nên kiểm tra tài liệu trước khi sử dụng npm.

Các thư viện làm đóng băng mã nguồn của bạn. Trong khi đó, trình duyệt luôn được cải tiến. Bạn sẽ được thừa hưởng các tính năng mới hoàn toàn miễn phí.

Viết ít mã hơn. Đảm bảo khả năng truy cập (accessibility). Dành ít thời gian hơn cho việc bảo trì.

Hãy kiểm tra tài liệu của nền tảng trước. Rất nhiều khi, tính năng bạn cần chỉ cách một thẻ HTML.

Nguồn: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4