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

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

بدون دیدگاه

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

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

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

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

تگ <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:

۲ out of 10
۶۰%

بررسی تگ <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 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ meter در HTML اندازه گیری عددی – اختصاصی سایت آموزی

سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب

ارسال یک دیدگاه

آدرس ایمیل شما منتشر نخواهد شد.