HTML — سنجش (meter)

آخرین بروزرسانی: 1404/08/07

سنجش (meter)

تگ «سنجش (Meter)» یک مقدار عددی در بازه معلوم را نشان می دهد. مثل نشانگر بنزین ماشین. این مقدار روی نوار گیج دیده می شود و خواندنش ساده است. برای «نوار پیشرفت» از progress استفاده کن.

تعریف و کاربرد تگ سنجش

طبق منبع، <meter> برای اندازه گیری های اسکالر استفاده می شود. مثلاً مصرف دیسک یا میزان مرتبط بودن نتیجه. همچنین بهتر است همیشه با label همراه شود تا دسترس پذیرتر شود.

نمونه پایه از منبع

&lt;label for="disk_c"&gt;Disk usage C:&lt;/label&gt;
&lt;meter id="disk_c" value="2" min="0" max="10"&gt;2 out of 10&lt;/meter&gt;
&lt;br&gt;
&lt;label for="disk_d"&gt;Disk usage D:&lt;/label&gt;
&lt;meter id="disk_d" value="0.6"&gt;60%&lt;/meter&gt;

مشاهده در ادیتور

ویژگی ها: min، max، low، high، optimum

این ویژگی ها محدوده و نواحی «کم»، «زیاد»، و «بهینه» را تعیین می کنند. بنابراین مرورگر می تواند حالت های مختلف را نمایش دهد.

&lt;label for="score"&gt;Relevance:&lt;/label&gt;
&lt;meter id="score" value="70" min="0" max="100" low="30" high="80" optimum="90"&gt;70/100&lt;/meter&gt;

مشاهده در ادیتور

گام های عملی با سنجش

اول، یک label درست کن و به meter وصل کن.
بعد، value و بازه min تا max را تعیین کن.
همچنین، در صورت نیاز low، high و optimum را اضافه کن.

نکته: برای پیشرفت کارها، به جای سنجش از progress استفاده کن.

برای سئو، عبارت سنجش را هدف بگیر و نمونه ها را ساده نگه دار.

جمع بندی سریع

سنجش مقدار اسکالر را نشان می دهد.
progress برای نوار پیشرفت است.
همیشه label را اضافه کن.
min/max و low/high/optimum را درست بگذار.

قبلی: فراداده (meta) بعدی: ناوبری (nav)

فهرست سرفصل‌های HTML