Mọi phần tử HTML

 (iamwillwang.com)
4 điểm bởi GN⁺ 2025-01-26 | 1 bình luận | Chia sẻ qua WhatsApp
  • Các phần tử HTML đảm nhiệm nhiều vai trò đa dạng, từ nội dung, vùng chứa, logic cho đến các trường hợp ngoại lệ
  • Một số phần tử hiển thị về mặt trực quan, nhưng cũng có những phần tử thì không
  • Có phần tử được dùng kết hợp với các phần tử khác, và có phần tử được thiết kế để chỉ trình duyệt đọc được
  • Một số phần tử được tạo ra với ý định tốt, nhưng không được sử dụng rộng rãi
  • Nhân tiện, nội dung bạn đang đọc hiện tại là phần tử <article></article>

Bài viết liên quan

1 bình luận

 
GN⁺ 2025-01-26
Ý kiến trên Hacker News

  • Gần đây đã đăng một bài blog phân tích các thẻ HTML và giá trị thuộc tính từ bộ dữ liệu Common Crawl gồm 2,9 tỷ trang. Có thể tải về cơ sở dữ liệu SQLite chứa 1.000 tổ hợp thẻ+thuộc tính+giá trị hàng đầu

  • Bài viết này khá thú vị khi so với "A blog post with every HTML element". Bài này trình bày theo hướng trực quan nên có thể hơi rối, nhưng vẫn được đánh giá tích cực. Trong khi đó, bài còn lại có nhiều phần giải thích hơn và tiếp cận theo cách khác

  • Sẽ hữu ích hơn nếu nội dung HTML không bị rút gọn và có thêm chú thích cho từng phần tử

  • Phần tử `` được mô tả là "hộp thoại modal hiển thị chỉ bằng HTML", nhưng vì nó được mở bằng JavaScript document.getElementById('my-dialog').showModal(), nên cách diễn đạt này hơi dễ gây hiểu nhầm

  • Thích việc có đưa thẻ `` vào. Mong sẽ có nhiều trang dùng nó hơn khi hiển thị ký tự tiếng Trung/tiếng Nhật kèm văn bản tiếng Anh

  • Có nhắc đến một thẻ tùy chỉnh mà họ đã triển khai trong trình duyệt tùy chỉnh do mình tạo ra

  • Với tư cách là người yêu thích game trên trình duyệt, sẽ thử bổ sung phần canvas bị bỏ sót

  • Việc trình duyệt có thể hiển thị iframe đệ quy qua nhiều cấp độ thật ấn tượng

  • Tò mò không biết có thể triển khai theo cách trang tự hiển thị mã nguồn của chính nó hay không. Một ví dụ tương tự là [HTML Quine](https://no-gravity.github.io/html-quine/index.html). Các phần tử không phải văn bản có thể sẽ cần được xử lý riêng. Ví dụ, video sẽ phải hiển thị một video thể hiện chính nó trong mã nguồn