آموزش تگ aside در html

//

تگ aside در html

تگ aside در html

 

در نسخه های قبلی HTML تگ های معنا داری برای شناسایی قسمت های مختلف سایت وجود نداشت و عموما از تگ هایی مانند div برای طراحی اکثر قسمت ها استفاده می شد. تگ های معنادار که در HTML5 معرفی شده اند تگ هایی هستند که به موتور های جستجو جهت درک بیشتر سایت و محتوا کمک فراوانی می کند. تگ <aside> یکی از آن تگ هاست که در بخش های کناری سایت نمایش داده می شود.

تگ aside تگی است که ما با استفاده از آن میتوانیم یک محتوای مرتبط با محتوای اصلی وبسایت ایجاد نماییم.

در بخش قبلی ما با تگ article آشنا شدیم و دیدیم که این تگ میتونه مطالب اصلی سایت ( پست های سایت ) رو ایجاد نماید حال ما با استفاده از تگ aside میتونیم محتوایی را که مرتبط با محتوای موجود در تگ article هست ایجاد نماییم به همین سادگی تموم شد رفت.

اگر به سایت های موجود در اینترنت توجه کرده باشید همیشه [ معمولا / اکثرا ] دارای یک ستون کناری هستند که در اون ستون یکسری لینک ،تصاویر و.. قرار میگیرد، خب همین میتونه از طریق تگ aside ایجاد شود.

آموزش تگ aside در html

تگ aside به دو صورت می توان استفاده نمود

  • استفاده از تگ <aside> بصورت تو در تو در دیگر تگ ها: بعنوان مثال اگر از تگ <aside> داخل تگ articl استفاده می کنید، محتوایی که برای تگ <aside> در نظر می گیرید باید با محتوای تگ article ارتباط معنایی داشته باشد.
  • استفاده از تگ <aside> برای نمایش ستون های سمت راست و چپ: در این حالت هر محتوایی که لازم است در ستون سمت راست و چپ قرار گیرد را می توان در تگ aside، قرار داد.

تگ aside به عنوان یکی از تگ های جدید در html5 می باشد. تگ <aside> در html 4.0.1 وجود نداشت.

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش طراحی وب آموزش HTML5 CSS3 استفاده کنید.

این تگ با <aside> شروع شده و با </aside> پایان می یابد.

مثال های تگ aside

مثال شماره ۲ :

از آن جایی که این تگ برای بخش های کناری به کار می رود پیشنهاد می شود حتما از css برای استایل مدنظر خود استفاده کنید.

تگ aside

تگ aside سازگاری با مرورگرها

تگ aside با مرورگرهای زیر سازگار است:

  • گوگل کروم نسخه ۵ و بالاتر
  • فایرفاکس نسخه ۴ و بالاتر
  • اج نسخه ۱۲ و بالاتر
  • اپرا نسخه ۱۱.۱ و بالاتر
  • سافاری نسخه ۵ و بالاتر
  • گوگل کروم اندروید
  • فایرفاکس اندروید نسخه ۴ و بالاتر
  • اپرا اندروید نسخه ۱۱.۱ و بالاتر
  • سافاری iOS نسخه ۴.۲ و بالاتر

جمع بندی تگ aside

تگ aside عمدتا در بخش سایدبار قرار میگیرد.این تگ می تواند داخل تگ article و با محتوایی مرتبط با محتوای article باشد و یا اینکه در بخش main مرتبط با محتوای اصلی عمل کند.(در هر حالت بسته به خودتان می توانید از نظر ارتباط محتوایی به صورت بی ربط نیز نسبت به والدش از آن استفاده کنید.

دانلود فایل این جلسه

برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.

آموزش نرم افزار های مورد نیاز طراحی وب سایت

در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .

طراحی وب

در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .

آموزش css html آموزش HTML5 CSS3

در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.

آموزش html

میانگین رتبه 3/5 تعداد رای : 2

مطالب مرتبط

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی