کاربرد تگ figure
سلام دوستان
من در مورد تگ figure سوال داشتم
با توجه به مقالاتی که خوندم و سایت W3school اینطور تعریف کرده بود :
The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc
منظور از محتوای مستقل چی هستش؟ مگه ما تگ img رو نداریم! پس چه نیازی به تگ figure داریم؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگهای محبوب
درود...
تگ figure محتوای خود مانند تصاویر، نمودار ها، عکس ها، لیست کد و … را مشخص می کند.
مثلا درون این تگ می توانید زیر عکس متنی مربوط به این عکس تعریف کنید و غیره...
ممنون دوست عزیز ولی این جواب سوال من نبود !
این جمله ای که شما فرمودید دقیقا در اکثر وبسایت ها هست ولی قانع کننده نیست که چرا ما باید از تگ figure استفاده کنیم!
برچسب img و figure هر دو برای درج عکس در html استفاده میشن.
تفاوت شون توی اینه که figure یک برچسب معنایی هستش، در حالی که img برچسب معنایی نیست.
البته از figure بعنوان یک نگهدارنده برای img استفاده می کنیم، در صورت لزوم figcaption هم میتونه درون figure قرار بگیره.
اگر از figure استفاده کنید، این پیغام را برای موتورهای جستجو و یا مرورگر به دنبال داره: قراره عکسی درون این figure قرار بگیره.
دوست عزیز طبق چیزی که شما فرمودید هر دو تگ یک کارو انجام میدن ولی از نظر معنایی چه تفاوتی دارن؟
خب موتور جستجو از طریق تگ img هم متوجه میشه که در اون بخش عکس قرار داده شده!
figure رو بایستی با div مورد مقایسه قرار دهید، نه با img.
figure یک نگهدارنده ی معنایی هستش، یعنی از آنچه درونش هستش خبر میده، در حالی که div این خبر رو نمیده.
- مطالعه بیشتری که در بالا قرار دادم رو خوانش کنید.
وقتی بخواهیم چند تا تصویر را با هم استایل بذهیم و تراز هماهنگی داشته باشند و یا در یک گروه قرار بگیرند از تگ دیو با ویژگی فلکس استفاده می شود . الان تگ فیگور هست دیگه لازم نیست از دیو استفاده بشه . تگ فیگور درست مثل ارتیکل، هدر ، فوتر و مین و .. معنایی هست . فرق تگ فیگور با تگ ایمج در این هست که تگ ایمج ظرفی برای فقط یک تصویر هست ولی تگ فیگور ظرفی برای چند تصویر . مثلا تگ main ظرفی برای چند ارتیکل هست ولی ارتیگل ظرفی برای خودش هست . به عنوان مثال یک بشقاب ظرفی برای یک بشقاب غذا است ولی یک دیگ یا قابلمه ظرفی برای چند بشقاب غذا است حل اگر بخواهید چند بشقاب غذا را نگه دارید انها را در یک دیگ یا قابلمه نگه می دارید تفاوت تگ ایمج و فیگور مثل تفاوت بشقاب با دیگ یا قابلمه است . درتگ img گنجایش یک تصویر را دارد ولی تگ figur گنجایش چند تصویر و محتوا . به عنوان مثال دیگر تگ پی فقط گنجایش یک پاراگراف را دارد ولی تگ ارتیکل گنجایش چند پاراگراف و عنوان را دارد تگ main گنجایش چند ارتیکل را . چون تک div یک نگ عمومی است . تگ های header , footer , figur , aside تگ های اختصاصی هستند .