معرفی و کاربرد تگ meter در HTML اندازه گیری عددی

معرفی و کاربرد تگ meter در HTML اندازه گیری عددی

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <meter> در HTML می پردازیم.

تگ meter در اچ تی ام ال

تگ <meter> اندازه گیری عددی یا مقدار کسری را در محدوده شناخته شده تعریف می کند.

تگ <meter> به عنوان مقیاس نیز شناخته شده است.

از تگ <meter> نباید برای نشان دادن یک جریان ( مانند نوار پیشرفت ) استفاده کرد.

برای نشان دادن نوار پیشرفت می توانید از تگ <progress> هم استفاده کنید.

مثال در مورد تگ meter در html

[html]<p>Display a gauge:</p>
<meter value=”2″ min=”0″ max=”10″>2 out of 10</meter><br>
<meter value=”0.6″>60%</meter>[/html]

خروجی کد در مرورگر اینترنتی

Display a gauge:

2 out of 10
60%

بررسی تگ <meter> در HTML 4.01 و HTML5

تگ <meter> یک تگ جدید در HTML5 است. و در HTML 4.01 و نسخه های قدیمی تر پشتیبانی نمی شود.

معرفی و کاربرد تگ meter در HTML اندازه گیری عددی

خصوصیات ویژه تگ <meter> در HTML5

خصوصیت	مقدار	توضیحات
form	form_id	یک یه چند فرم که عنصر<meter> به آنها تعلق دارد را مشخص می کند.
high	number	رنجی که به عنوان مقدار high (زیاد) مطرح شده است را مشخص می کند.
low	number	رنجی که به عنوان یک مقدار کم مطرح شده است را مشخص می کند.
max	number	رنجی برای مشخص کردن مقدار maximum
min	number	رنجی برای مشخص کردن مقدار minimum
optimum	number	مشخص می کند که برای اندازه گیری چه مقداری بهینه است.
value	number	الزامی است. مقدار رایج اندازه گیری را مشخص می کند.

ویژگی های عمومی تگ <meter> در اچ تی ام ال

تگ <meter> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ meter در HTML

تگ <meter> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ meter در اچ تی ام ال

تگ <meter> در همه مرورگرهای معتبر اینترنتی به جز مرورگر اینترنت اکسپلورر در مرورگرهای فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور