Thẻ meter xác định một phép đo vô hướng trong phạm vi đã biết, hoặc biểu diễn một phân số dưới dạng một thước đo.
Thẻ meter không xử dụng để biểu diễn quá trình diễn ra( ví dụ số % đã tải) mà nó biểu diễn giá trị cố định, không thay đổi trong một thời gian ngắn. Nếu muốn thể hiện quá trình diễn ra, bạn nên sử dụng thẻ progress.
Khi nào nên sử dụng thẻ meter? Khi bạn muốn biểu diễn một giá trị phân số, giá trị % nào đó ví dụ như dung lượng đã sử dụng của ổ đĩa/dung lương ổ đĩa, số điểm/số điểm tối đa.v.v..
Cách sử dụng
Ví dụ: Sử dụng thẻ meter để giới thiệu về các kỹ năng của bạn trong CV xin việc.
Bài viết này được đăng tại [kiso.vn]
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <main> <h2>Kỹ Năng</h2> <div> <label>PHP: </label> <meter value="8" min="0" max="10">2 out of 10</meter> <br> <label>HTML/CSS: </label> <meter value="0.6">60%</meter> <br> <label>JS/JQUERY: </label> <meter value="0.5">60%</meter> <br> <label>ENGLISH: </label> <meter value="0.9">60%</meter> </div> </main> <footer> kiso.vn </footer> </body> </html>
Biểu diễn bằng thẻ meter thay cho những con số bình thường khiến trang trở nên sống động hơn rất nhiều phải không nào.
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chínhCách sử dụng 1. Bảo vệ khỏi tấn công DoS...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chínhCách sử dụng 1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên Linux như một firewall được phát hành miễn phí để tăng tính bảo mật cho...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chínhCách sử dụng V. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng khi trang web sử dụng đường dẫn đầy đủ Xét đoạn code php sau: <?php...
Directory traversal vulnerabilities (phần 3)
Nội dung chínhCách sử dụng V. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra khi sử dụng các hàm đọc file và tin tưởng đầu vào người dùng Xét...
Directory traversal vulnerabilities (phần 2)
Nội dung chínhCách sử dụng III. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác nhau, điểm xuất hiện các lỗ hổng Directory traversal cũng khác nhau. Lỗ hổng thường...