آموزش تگ meter در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ meter در HTML با من همراه باشید.
Free-Learn
تگ Meter در HTML
تگ meter تگی است که با استفاده از آن میتوان یک اندازه گیری بصورت عددی یا بطور کلی یک گیج (Gauge) را با استفاده از یکسری مقادیر با اندازه مشخص ایجاد کرد.
یک نمونه و مثال خیلی واضح بخوایم از این تگ بیان کنیم ، درایورها یا دیسک ها و یا بطور کلی فضاهای ذخیره سازی می باشد که با استفاده از این تگ میتوان میزان فضای استفاده شده و میزان فضای استفاده نشده را به نمایش درآورد.
مثال : (مثلا من ظرفیت درایوهامو در اینجا به نمایش گذاشتم)
C:
Free-Learn
مثال از تگ meter در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<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> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ meter در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | ۸٫۰ | ۶٫۰ | ۱۱٫۰ | ۶٫۰ | ۱۳٫۰ |
Free-Learn
جدول صفات تگ meter در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| form | form_id | مشخص میکند که تگ meter متعلق به ۱ یا چندین فرم می باشد. |
| high | number | بالاترین/بیشترین مقدار از محدوده را مشخص میکند. |
| low | number | پایین ترین/کمترین مقدار از محدوده را مشخص میکند. |
| max | number | بیشترین مقداری که میتونه وارد بشه. |
| min | number | کمترین مقداری که میتونه وارد بشه. |
| optimum | number | یک مقدار نرمال/مطلوب را مشخص میکند. |
| value | number | مقدار اندازه گیج (Gauge) یا درکل همون تگ meter را مشخص میکند. (ضروری است) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ meter از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
تگ meter یک تگ جدید/اضافه شده در HTML5 می باشد.
اگر میخواهید یک نوار یا میله ی پیشرفت برای نمایش میزان پیشرفت پروژه تان ایجاد نمایید باید از تگ <progress> استفاده نمایید.
