ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

HTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

寻∝梦
寻∝梦オリジナル
2018-08-31 16:24:419352ブラウズ

この記事では、HTML5 のメーター タグの説明と例、メーター タグの属性の紹介、最後にメーターの色の変化について説明します。次に、この記事を一緒に読みましょう

まず、HTML5のメータータグが何を意味するのかを理解する必要があります。

タグは重さと大きさを定義します。最大値と最小値がわかっている測定にのみ使用してください。は、要素のテキストまたは min/max 属性のいずれかで測定範囲を定義する HTML5 の新しいタグです。

HTML5 メーター タグの属性について話しましょう:

HTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

メーター タグの例を見てみましょう:

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

<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>

メーターの色を変更する方法:

メーターの色を変更するには、min (最小値)、max (最大値)、low、high、value の 5 つの値を使用する必要があります。そのうち最初の 4 つの A 値は、全体の進行状況を 3 つの区間に分割します

値と最適値が同じ区間にある場合、緑色で表示されます。

黄色: 最適値が高値と最大値の間にあり、値が低値と高値の間にある場合、黄色で表示されます

最適値が低値と高値の間にあり、値が最小値と低値時間の間にある場合、黄色で表示されます最高と最高の間のとき。

最適値が最小と低の間にある場合、値は低と高の間に黄色で表示されます。

赤: 最適化が高と最大の間で、値が最小と低の間の場合、赤で表示されます。

最適値が最小値と低値の間にある場合、値は高値と最大値の間に赤で表示されます。

最適値が緑の領域にあり、値も緑の領域にある場合、全体が緑色に表示されます

最適値が緑の領域にあり、値が黄色の領域にある場合、全体が表示されます黄色

最適化が緑色の領域にあり、値が赤色の領域にある場合、全体が赤色で表示されます

HTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

最適化が緑色の領域にある場合、値の値は中央の緑色の領域に緑色で表示されます

最適化が緑色の場合 最適値が緑色の領域にあり、値も緑色の領域にある場合、全体が黄色で表示されます

最適化が緑色の領域にあり、値が緑色の領域にある場合。黄色の領域にある場合、全体が黄色で表示されますHTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

最適化が緑色の領域にあり、値が赤色の領域にある場合、全体が赤く表示されます

上記がこの記事の全内容です。もっと詳しく知りたい場合は、PHP 中国語 Web サイトでさらに多くのコースを学習することを歓迎します。ご不明な点がございましたら、以下よりお問い合わせください

【編集者のおすすめ】HTML5 のメータータグは何を意味しますか?メータータグの使い方を詳しく解説

HTMLのolタグからラベルを削除するにはどうすればよいですか?

    タグの使い方まとめ

    HTMLのulタグからドットを削除するには? HTMLの順序なしリストのスタイル分析例

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。