برچسب <meter> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
اندازه‌گیری مقیاس را در یک محدوده شناخته شده (سنج) تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

از عنصر اندازه (meter) برای اندازه‌گیری داده درون دامنهٔ داده‌شده (یک پیمانه) استفاده کنید:

<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>

<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>


تعریف و کاربرد

برچسب <meter> یک اندازه‌گیری عددی را درون دامنهٔ مشخص یا یک مقدار کسری مشخص می‌کند. این مورد بعنوان پیمانه نیز شناخته می‌شود.[۱]

مثال‌ها: میزان استفاده از دیسک، میزان مربوط بودن جواب پرسش، غیره.

توجه: برچسب <meter> نباید برای نشان‌دادن پیشرفت (همچون یک نوار پیشرفت (progress bar)) استفاده شود. برای نوار پیشرفت، از برچسب <progress> استفاده کنید.

نکته: همیشه برچسب <label> را برای بهترین شیوهٔ دسترسی اضافه کنید!

پشتیبانی مرورگر

عددهای درون جدول، نخستین نسخهٔ مرورگری را مشخص می‌کنند که بطور کامل از عنصر پشتبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<meter> بله بله بله بله بله

ویژگی‌ها

ویژگی مقدار شرح
form form_id مشخص می‌کند که عنصر <meter> به کدام فرم تعلق دارد
high number دامنه‌ای را مشخص می‌کند که تصور می‌شود مقدار بالایی باشد
low number دامنه‌ای را مشخص می‌کند که تصور می‌شود مقدار پایینی باشد
max number بیشینهٔ (حداکثر) مقدار دامنه را مشخص می‌کند
min number کمینهٔ (حداقل) مقدار دامنه را مشخص می‌کند. مقدار پیش‌فرض ۰ است
optimum number مشخص می‌کند که کدام مقدار، مقدار بهینه برای پیمانه است
value number الزامی است. مقدار کنونی پیمانه را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <meter> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <meter> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Meter (Meter Object)

تنظیمات پیش‌فرض CSS

ندارد

منابع آموزشی