آموزش تگ meter در HTML

آموزش تگ meter در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ meter در HTML به صورت کامل آشنا بشید.
تگ Meter در HTML
تگ meter
تگی است که با استفاده از آن میتوان یک محدوده اندازه گیری بصورت عددی یا خودمونی همون گیج ( Gauge ) را با استفاده از یکسری مقادیر با اندازه مشخص ایجاد نمود.
اگه بخوایم یک نمونه خیلی ملموس از این تگ بیان کنیم ، نمایش ظرفیت درایورها یا دیسک ها و یا بطور کلی فضاهای ذخیره سازی است که با بکاربردن این تگ میتوان میزان فضای استفاده شده و میزان فضای استفاده نشده را به نمایش گذاشت.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال : ( مثلا من ظرفیت درایوهام رو در اینجا به نمایش گذاشتم )
مثال از تگ meter در HTML
در ادامه آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
<body> <p>1: <meter min="0" max="100" low="20" high="90" value="95"></meter></p> <p>2: <meter min="0" max="100" low="20" high="90" value="50"></meter></p> <p>3: <meter min="0" max="100" low="20" high="90" value="19"></meter></p> </body>
مثال شماره دو : استفاده از تگ label برای مشخص کردن عنوان
<body> <label for="Disk_C">Disk Usage C :</label> <meter id="Disk_C" min="0" max="10" value="4"></meter> </body>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ meter
در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ meter در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ meter
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- اگه مایلید یک نوار یا میله ی پیشرفت برای نمایش دادن میزان پیشرفت پروژه تان ایجاد کنید باید از تگ progress استفاده کنید.
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید