ホームページ > ウェブフロントエンド > H5 チュートリアル > html5 のメータータグは何を意味しますか? html5のメータータグの使い方と属性の紹介

html5 のメータータグは何を意味しますか? html5のメータータグの使い方と属性の紹介

寻∝梦
リリース: 2018-08-18 17:19:07
オリジナル
5009 人が閲覧しました

html5 メータータグの意味は何ですか? html5メータータグの使い方と属性は全てここにあります この記事ではhtml5メータータグの定義と具体的な使い方を中心に、html5メータータグの属性紹介を紹介します

html5メータータグの定義と使い方。 tag:

タグは重さと大きさを定義します。最大値と最小値がわかっている測定にのみ使用してください。

タグは、既知の範囲または分数値内のスカラー測定値を定義します。ゲージとも呼ばれます。

例: ディスク使用量、クエリ結果の相関関係など。

注: ラベルは (進行状況バーで) 進行状況を示すために使用しないでください。進行状況バーにラベルを付ける場合は、 タグを使用します。

html5 メータータグの例:

メーター要素を使用して、指定された範囲 (ゲージ) 内のデータを測定します:

ten Three Points

60%

html5 メータータグの属性:

html5 のメータータグは何を意味しますか? html5のメータータグの使い方と属性の紹介

html5 メータータグの使用法:

<!doctype html>
<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
#la{
width:200px;
}
</style>
<script>
function test(){
var kk = document.getElementById("la");
var cc = document.getElementById("cc");
   kk.value=cc.value;
}
</script>
</dead>
<body>
<form oninput="test()"><!--使用表单的oninput事件使得meter的参数值随滑块值变化-->
<meter min="0" max="100" low="10" high="80" value="8" optimum="50" id="la"></meter>
<!--min max是valueq取值范围,low和high以及optimum是对value的判断,value处在不同的区间时,meter得颜色会不同-->
0<input id="cc" type="range" min="0" max="100" value="0">100
</form>
</body>
</html>
ログイン後にコピー

HTML 4.01 と HTML 5 の違い:

タグは HTML 5 の新しいタグです。

注: 要素のテキストまたは min/max 属性のいずれかで、メジャーの範囲を定義する必要があります。

【関連おすすめ】

html5ソースタグの使い方は? html5ソースタグの属性入門

HTMLのタイトルタグの役割とは? HTMLタイトルタグの詳しい紹介


以上がhtml5 のメータータグは何を意味しますか? html5のメータータグの使い方と属性の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート