Figure & Figcaption دو المان معنای در Html هستند که معمولا در کنار یکدیگر استفاده می شوند
اگر به W3C سر زده باشید شانس آنرا داشته اید که درباره تگ های بالا اطلاعاتی بدست آورده باشید
در ادامه به روش های استفاده از این تگ ها می پردازیم
تگ Figure معمولا توسط تصاویر استفاده میشود
1
2 3 |
< figure >
|
تگ Figure نشان دهنده یک واحد در بر گیرنده محتوا می باشد
و بدون محتوای درونش معنایی ندارد !
چندین عکس در یک تگ Figure
1
2 3 4 5 |
< figure >
|
المان های دیگری که می توان در figure استفاده نمود
- بلاک های کد
- ویدیو
- صوت
- تبلیغات
در زیر نمونه ای از کد figure که برای نمایش کد در سایت استفاده شده را مشاهده می نمایید
1
2 3 4 5 6 7 8 9 10 11 |
< figure >
|
گروه بندی و زیر مجموعه سازی figure ها
اگر نیاز به گروه بندی یک سری figure دارید به راحتی میتوانید این کار را انجام دهید
برای بهبود این روش میتوانیم از attribute role در figure مادر استفاده نماییم
1
2 3 4 5 6 7 8 9 10 11 |
< figure role = "group" >
|
استفاده صحیح از figcaption
figcaption یک توضیح برای figure ایجاد می نماید
همه figure ها نیاز به figcaption ندارند اما اگر استفاده کردید همیشه آنرا اولین یا آخرین فرزند figure قرار دهید
1
2 3 4 5 6 |
< figure >
|
یا
1
2 3 4 5 6 |
< figure >
|
استفاده از چندین المان در تگ figcaption
شما میتوانید از تگ های مثل h1 یا p در figcaption خود استفاده نمایید
1
2 3 4 5 6 7 |
< figure >
|