ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <meter> タグ

指定範囲内の測定データへ meter 要素を使用します(ゲージ):

<meter value="2" min="0" max="10">2 out of 10</meter><br />
<meter value="0.6">60%</meter>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<meter> タグは、現在 Opera と Chrome がサポートしています。


定義と用法

<meter> タグは、規定範囲内または小数値でスカラー測定値を定義します。 これは、ゲージとして知られています。

例: ディスク使用量、クエリ結果の適合率など。

注: <meter> タグは(プログレスバーのように)進行状況を示すために使用すべきではありません。 プログレスバーは、<progress> タグを使用します。


HTML 4.01 と HTML5 との相違点

<meter> タグは、HTML5 で新規に追加されました。


属性

New : HTML5 で新規追加。

属性 説明
formNew form_id <meter> 要素が属する1つ以上のフォームを指定する
highNew number 高い値とされている範囲を指定する
lowNew number 低い値とされている範囲を指定する
maxNew number 範囲の最大値を指定する
minNew number 範囲の最小値を指定する
optimumNew number ゲージの最適な値がどの値かを指定する
valueNew number 必須。ゲージの現在の値を指定する

グローバル属性

<meter> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<meter> タグは、HTML5におけるイベント属性 もサポートします。