آموزش تگ meter در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ meter در HTML با من همراه باشید.

آموزش تگ meter در HTML

Free-Learn

تگ Meter در HTML

تگ meter تگی است که با استفاده از آن میتوان یک اندازه گیری بصورت عددی یا بطور کلی یک گیج (Gauge) را با استفاده از یکسری مقادیر با اندازه مشخص ایجاد کرد.

یک نمونه و مثال خیلی واضح بخوایم از این تگ بیان کنیم ، درایورها یا دیسک ها و یا بطور کلی فضاهای ذخیره سازی می باشد که با استفاده از این تگ میتوان میزان فضای استفاده شده و میزان فضای استفاده نشده را به نمایش درآورد.

مثال : (مثلا من ظرفیت درایوهامو در اینجا به نمایش گذاشتم)

C: | D: | E: | F:

Free-Learn

مثال از تگ meter در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

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> استفاده نمایید.

Free-Learn