سرخط خبرها

تگ meter در HTML5

تگ meter در HTML5

از تگ meter برای نمایش یک مقدار اندازه گیری عددی یا درصدی بصورت گرافیکی استفاده می شود . به عبارت دیگر از این تگ برای نمایش یک درجه یا نمودار بر روی صفحه استفاده می شود .

از این تگ برای نمایش اندازه و سنجش یک مقدار که این مقدار از قبل تعیین شده استفاده می شود. 

برای مثال بوسیله این تگ می توان درصد کل استفاده از فضای دیسک (Disk usage). را نمایش داد . نحوه کار این تگ به این صورت است که شما یک مقدار حداکثر و حداقل را برای آن تععین می کنید . این دو مقدار بصورت یک نمودار نمایش داده می شود. سپس مقدار اصلی تگ را تعیین کرده که باید بین مقدار حداکثر و حداقل باشد .

شکل کلی استفاده از یک تگ < meter > بصورت زیر است :

<meter   value = " value "   min = " value "   max = " value " >   </meter>

در مثال  زیر ، نحوه استفاده از تگ < meter> را در  ۲ حالت عملی نمایش داده ایم :

<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

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

 

تفاوت بین HTML 4.01 و HTML5

تگ <meter> از تگ های جدید موجود در HTML5 می باشد

 

پشتیبانی مرورگر ها از آن

این تگ در مرورگر های FireFox ، Opra ، Chrome و Safari6 پشتیبانی می شود

فقط توجه داشته باشید که این تگ در مرورگر IE پشتیبانی نمی شود.

توضیح خواص تگ < meter > :

value این خاصیت مقداری که تگ باید بر روی نمودار یا شکل نمایش دهد ، را تعیین می کند این مقدار مقدار واقعی تگ بوده و حتما باید تعیین شود 


◄ min این خاصیت حداقل مقدار تگ را تعیین می کند .  


◄ max این خاصیت حداکثر مقدار تگ را تعیین می کند . 


◄ low این خاصیت کمترین مقداری که انتظارش می رود تا تگ داشته باشد را تعیین می کند . این مقدار باید از خاصیت min بیشتر بوده و از خاصیت های max و high کمتر باشد . تعیین این خاصیت اختیاری است . 


◄ high این خاصیت بیشترین مقداری که انتظار می رود تا تگ داشته باشد را تعیین می کند .این مقدار باید از خاصیت min و low بیشتر و از خاصیت max کمتر باشد . تعیین این خاصیت اختیاری است . 


◄ form  این خاصیت id فرمی را تعیین می کند که تگ  به آن تعلق دارد . تعیین این خاصیت اختیاری است .

QR Code For: تگ meter در HTML5

درباره ی jizjiz

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.