برچسب <meter> HTML
تعریف و استفاده
<meter> برچسب تعریف می‌کند مقادیر اندازه‌گیری سکالار در محدوده معلوم یا مقادیر درصدی. همچنین به عنوان ترمومتر (gauge) نیز شناخته می‌شود.
مثلاً: وضعیت استفاده از دیسک، تطابق نتایج جستجو و غیره.
توجه:نباید استفاده شود <meter> برای نمایش پیشرفت (مثلاً نوار پیشرفت) استفاده کنید. برای نوار پیشرفت، از <progress> برچسب.
توضیحات:لطفاً همیشه از <label> برچسببرای دریافت بهترین روش‌های دسترسی بهتر مراجعه کنید!
لطفاً به:
دستورالعمل HTML DOM:موضوع Meter
مثال
استفاده از عنصر meter برای نمایش مقادیر سکالار در محدوده داده شده (ترمومتر):
<label for="disk_c">وضعیت استفاده از دیسک C:</label> <meter id="disk_c" value="2" min="0" max="10">دو دهم</meter><br> <label for="disk_d">وضعیت استفاده از دیسک D:</label> <meter id="disk_d" value="0.6">60%</meter>
ویژگی
| ویژگی | مقدار | توضیحات |
|---|---|---|
| form | id فرم | مشخص می‌کند که عنصر <meter> به کدام فرم تعلق دارد. |
| high | عدد | مقدار بیشتر محدوده را مشخص می‌کند. |
| low | عدد | مقدار کمتر محدوده را مشخص می‌کند. |
| max | عدد | حداکثر مقدار محدوده را مشخص می‌کند. |
| min | عدد | حداقل مقدار محدوده را مشخص می‌کند. مقدار پیش‌فرض 0 است. |
| optimum | عدد | مقدار بهترین ترمومتر را مشخص می‌کند. |
| value | عدد | ضروری. مقادیر فعلی ترمومتر را مشخص می‌کند. |
توضیحات
عنصر meter یک مقدار ممکن از یک محدوده خاص را نمایش می‌دهد.min و max تنظیمات محدوده ممکن مقادیر را تنظیم می‌کند که می‌توانند به عنوان عدد اعشاری بیان شوند. نمایش عنصر meter به سه بخش تقسیم می‌شود: کمتر، بیشتر و بهترین.low تنظیمات یک مقدار را تنظیم می‌کند، که تمام مقادیر زیر آن به عنوان کمتر در نظر گرفته می‌شوند؛high ویژگی مقدار را تنظیم می‌کند، و تمام مقادیر بالاتر از آن به عنوان بیش از حد در نظر گرفته می‌شوند;optimum ویژگی‌ها بهترین مقدار را مشخص می‌کنند.
ویژگی‌های جهانی
<meter> این برچسب همچنین از ویژگی‌های جهانی HTML.
ویژگی‌های رویداد
<meter> این برچسب همچنین از ویژگی‌های رویداد در HTML.
تنظیمات پیش‌فرض CSS
بدون
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه‌ای اولیه از مرورگر هستند که این برچسب را پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
