جلسه ۸۲ : آموزش کار با تگ progress در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه به کار با تگ pre پرداختیم؛ این تگ یک متن سفارشی را در یک صفحه وب تعریف می نماید.
در ادامه این دوره آموزش کار با تگ progress در HTML را به علاقمندان این دوره ارائه می نماییم.

آموزش کار با تگ progress در HTML

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

تعریف و کاربرد

تگ progress نشان دهنده پیشرفت یک کار است.

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

در ادامه می توانید ببینید که آیا مرورگرهای مختلف از تگ progress پشتیبانی می کنند یا خیر.

عنصر
<progress>	۸٫۰	۱۶٫۰	۱۱٫۰	۶٫۰	۱۰٫۰

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

تگ progress در HTML5 تگ جدیدی محسوب می شود.

نکات و توصیه ها

توصیه

برای نشان دادن پیشرفت یک کار ، از تگ progress در کنار JavaScript استفاده کنید.

نکته

تگ progress برای نشان دادن یک gauge (به عنوان مثال استفاده از فضای دیسک یا ارتباط نتیجه یک نظرسنجی) مناسب نیست.
برای نشان دادن یک gauge، از تگ meter استفاده کنید.

خصیصه ها

خصیصه های سراسری Global Attributes

تگ <progress> از خصیصه های سراسری در HTML پشتیبانی می کند.

 خصیصه رویداد Event Attributes

تگ <progress> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

ندارد.

کلام آخر

در این جلسه با تگ progress و کارکردهای آن در HTML آشنا شدیم؛ تگ progress نشان دهنده پیشرفت یک کار است.
در جلسه آینده آموزش تگ q را ارائه می نماییم.
با پی وی لرن همراه باشید.