<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <meter>
Ορισμός και χρήση
Η ετικέτα <meter> χρησιμοποιείται για να δείξουμε την κλίμακα μέτρησης ενός μεγέθους που αναφερόμαστε. Χρησιμοποιείται μόνο όταν γνωρίζουμε την μικρότερη και την μεγαλύτερη τιμή που μπορεί να πάρει το μέγεθος στο οποίο αναφερόμαστε
Ετικέτα τέλους: </meter>
Ετικέτα τέλους: </meter>
Παράδειγμα
| Πηγαίος Κώδικας | Αποτέλεσμα στον browser |
|---|---|
| Βαθμός πτυχίου: <meter min="1" max="10">7,40</meter> | Βαθμός πτυχίου: |
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Η ετικέτα <meter> είναι νέα στην HTML5
Ιδιότητες
| Ιδιότητα | Τιμή | Περιγραφή |
|---|---|---|
| high (HTML5) | αριθμός | Ορίζει μια τιμή η οποία θεωρείται μεγάλη για την κλίμακα του μεγέθους που αναφερόμαστε |
| low (HTML5) | αριθμός | Ορίζει μια τιμή η οποία θεωρείται μικρή για την κλίμακα του μεγέθους που αναφερόμαστε |
| max (HTML5) | αριθμός | Ορίζει τον μέγιστο αριθμό στην κλίμακα του μεγέθους που αναφερόμαστε |
| min (HTML5) | αριθμός | Ορίζει τον μικρότερο αριθμό στην κλίμακα του μεγέθους που αναφερόμαστε |
| optimum (HTML5) | αριθμός | Ορίζει ποια τιμή της κλίμακας είναι η ιδανικότερη. Στην περίπτωση που η τιμή αυτή είναι μεγαλύτερη της τιμής της ιδιότητας high, τότε σημαίνει ότι όσο μεγαλύτερη είναι η τιμή τόσο ιδανικότερη είναι αυτή για το μέγεθος. Αν πάλι η τιμή της είναι μικρότερη της τιμής που περιέχει η ιδιότητα low, τότε σημαίνει ότι όσο μικρότερη είναι η τιμή τόσο ιδανικότερη είναι αυτή για το μέγεθος που αναφερόμαστε |
| value (HTML5) | αριθμός | Ορίζει την τιμή στην κλίμακα του μεγέθους |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <meter> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <meter> υποστηρίζει τις ιδιότητες events της HTML5
