Das Meter-Tag in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Das Meter-Tag identifiziert eine skalare Messung in einem bekannten Bereich oder stellt einen Bruch als Maß dar.
Das Meter-Tag wird nicht verwendet, um den stattfindenden Prozess darzustellen (z. B. die Anzahl der geladenen Prozent), sondern es stellt einen festen Wert dar, der sich für kurze Zeit nicht ändert. Wenn Sie den Fortschritt anzeigen möchten, sollten Sie das Fortschritts-Tag verwenden.
Wann sollte eine Metermarke verwendet werden? Wenn Sie einen Bruchwert darstellen möchten, einige %-Werte wie belegter Speicherplatz/Festplattenkapazität, maximale Anzahl von Punkten/Punkten usw.
Verwenden
Beispiel : Verwenden Sie das Meter-Tag, um Ihre Fähigkeiten in Ihrem Lebenslauf zu präsentieren.
<!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> freetuts.net </footer> </body> </html>
Die Darstellung des Meter-Tags anstelle von normalen Zahlen macht die Seite viel lebendiger, nicht wahr?