مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته مفصلاً با تگ meta آشنا شدیم؛ به طور خلاصه تگ meta متادیتای مربوط به سند HTML را ارائه می دهد.
در ادامه این دوره آموزش کار با تگ meter در HTML را به علاقمندان این دوره ارائه می کنیم.
آموزش کار با تگ meter در HTML
به مثال زیر توجه نمایید.
در این مثال از تگ meter استفاده شده تا داده ها را با یک مقیاس مخشص اندازه گرفت.
مثال :
| <meter value="2" min="0" max="10">2 out of 10</meter><br> <meter value="0.6">60%</meter> |
تعریف و کاربرد
تگ meter تگی است که به اندازه گیری یک مقدار مشخص در یک محدوده تعیین شده می پردازد و مقدار کسری آن را تعیین می کند.
برای مثال نمایش فضای دیسک و یا حتی نتایج یک نظرسنجی و درصد آراء را می توان به کمک تگ meter نشان داد.
نکات و توصیه ها
نکته
توجه داشته باشید که نباید از تگ meter برای نشان دادن میزان پیشرفت یک کار یا فرآیند (مانند progress bar یا میزان بارگیری یک مورد) استفاده کرد.
برای این کار پیشنهاد می شود که از تگ progress استفاده کنید که از نوارهای پیشرفت برای نشان دادن میزان جلو رفتن یا موفقیت یک پروژه استفاده می کند.
پشتیبانی مرورگر ها
در جدول زیر می توانید ببینید که آیا تگ meter در مرورگرهای مختلف پشتیبانی می شود یا خیر.
| عنصر |  |  |  |  |  |
| <meter> | ۸٫۰ | ۶٫۰ | ۱۱٫۰ | ۶٫۰ | ۱۳٫۰ |
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| form | form_id | این خصیصه تعیین می کند که به تگ meter یک یا چند فرم تعلق دارد. |
| high | number | این خصیصه بالاترین مقدار محدوده را مشخص می کند. |
| low | number | این خصیصه پایین ترین مقدار محدوده را مشخص می کند. |
| max | number | حداکثر مقدار دامنه قابل وارد کردن را مشخص می کند. |
| min | number | حداقل مقدار دامنه قابل وارد کردن را مشخص می کند. |
| optimum | number | مشخص می کند مقدار بهینه قابل ورود برای دامنه چقدر است. |
| value | number | این خصیصه مقدار فعلی دامنه را تعیین می کند.
این خصیصه ضروری است. |
خصیصه های سراسری Global Attributes
تگ <meter> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <meter> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
ندارد.
کلام آخر
در این جلسه با آموزش کار با تگ meter در HTML همراه شما بودیم؛ تگ meter تگی است که به کمک آن می توان به اندازه گیری یک مقدار مشخص در یک محدوده تعیین شده پرداخت.
در جلسه آینده به کار با تگ nav می پردازیم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
حسین کریمی
سلام خانم خاوری بنده هم در فردوسی دارم درس میخونم . سوالم اینه که میشه مثلا رنگ نمودار meter را تغییر داد؟ ؛ مثلا بگیم اگه کمتر از ۱۰ شد قرمز بشو و اگه بیشتر از ۸۰ شد سبز بشو . یا تعریف مقدار ورودی برای آن ؟
پی وی لرن
با سلام
برای تغییر پارامترها به این شکل می بایست از جاوااسکریپت و جی کوئری استفاده نمایید.
document.getElementById('meter1').setAttribute('value', '0.5');