در این مقاله با آموزش تگ meter در Html که از تگ های جدید در html5 میباشد خدمت شما باشیم:
از تگ meter برای اندازه گیری عددی در یک بازه مشخص استفاده میشود.
نکته ای که بسیار حائز اهمیت است، تگ meter به دلیل شباهتی که با تگ progress دارد، نباید به جای هم استفاده شوند.
ساختار تگ <meter> :
<meter value="number">Optional text<meter>
برای مثال کد زیر را مشاهده کنید:
<meter value="0.6">60%</meter>
پشتیبانی مرورگر ها از تگ <meter> در HTML :
تمامی مرورگرها به جز اینترنت اکسپلورر از این تگ پشتیبانی می کنند.
خصوصیت های تگ <meter> :
| خصوصیت | مقدار | توضیحات |
| form | form_id | مقداری که از آن فرم میتواند دریافت و در خود پردازش کند. |
| high | number | عددی کوچکتر از max به عنوان بازه بالا یک رنج بین عددی max و min |
| low | number | عددی بزرگتر از min به عنوان بازه پایین یک رنج عددی بین max و min |
| min | number | کمترین مقدار قابل قبول |
| max | number | بیشترین مقدار قابل قبول |
| optimum | number | مشخص میکند که در یک بازه عددی برای اندازه گیری چه عددی بهینه است یا خیر |
| value | number | یک خصوصیت الزامی که بدون اصلا تگ meter کاربرد ندارد. |
نکات تگ <meter> :
- تگ <meter> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <meter> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.