جلسه ی چهل و یکم: تگ Aside در HTML5

html, آموزش طراحی سایت ابوالفضل کلهری بدون نظر 7 فوریه 2019 150 بازدید

تگ Aside

در جلسات پیش با قسمت های Header (برای دیدن آموزشHeader در وب سایت کلیک کنید) و Footer (برای دیدن آموزش فوتر در وب سایت کلیک کنید) و کاربرد آن ها آشنا شده ایم. در این جلسه می خواهیم به توضیح . معرفی بخش ساید بار بپردازیم. (برای دیدن آموزش HTML به زبان ساده کلیک کنید)

 

قسمت Sidebar در HTML

شاید با خود فکر کنید که این آموزش در مورد تگ Aside می باشد و چه ربطی به Sidebar دارد؟ باید بگوییم که این تگ در قسمت Sidebar سایت استفاده می شود. به قسمت کناری یک وب سایت Sidebar می گویند. معمولا در این بخش مقالات پر بازدید یا آخرین مطالب سایت و از این دسته مطالب قرار می گیرد. برای مثال می توانید قسمت کناری سایت را مشاهده کنید.

 

تگ Aside در HTML5

تگ Aside یک تگ جدید در HTML5 می باشد. عموما از این تگ در حاشیه ی محتوای اصلی کاربرد دارد ولی در کل از این تگ به دو صورت استفاده می شود.

حالت اول: ممکن است از تگ Aside به صورت تو در تو در یک تگ دیگر استفاده شود که در این صورت باید محتویات درون تگ Aside با تگی که درون آن قرار گرفته است ارتباط معنایی داشته باشد.

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

 

استفاده از تگ Aside درون تگ های دیگر

باید بگوییم که از این تگ عموما در تگ Article استفاده می شود و محتویات آن با محتویات درون تگ مادر مرتبط خواهند بود.

 

استفاده از تگ Aside در ستون های راست و چپ

با استفاده از این تگ در ستون های کناری می توانیم به توضیح و نشر مطالب کم اهمیت تر بپردازیم. مطالبی مانند تبلیغات یا مطالب پر بازدید حتی در مواردی دیده شده که مشخصات نویسنده در این ستون قرار گرفته است. در کل عموما زمانی که از این تگ در ستون های کناری استفاده شود به توضیح مطالبی می پردازیم که ربطی به صفحه ی فعلی ما ندارند.

شاید با خود فکر کنید که این تگ ها چه کاربردی دارند و چه نیازی است که ما از این تگ ها استفاده کنیم. عموما وقتی از تگ Aside استفاده می کنیم در صورتی که درون محتوای اصلی از این تگ استفاده شود می توانیم محتوایی یک معنی و یک پارچه داشته باشیم. در صورتی که از این تگ در ستون کناری استفاده کنیم می توانیم محتوایی را که کمتر به سایت ما مربوط هستند یا محتوایی که برای بخش های دیگر سایت هستند را به قسمت های دیگر لینک نماییم که این کار خود در لینک سازی کمک زیادی به ما خواهد داشت.

 

نکاتی در مورد تگ Aside

نکته۱: یادتان باشد که در استفاده از تگ Aside محدودیتی وجود ندارد و به هر میزان که لازم است می توانید از این تگ درون صفحات وب سایت خود استفاده کنید.

نکته۲: از این تگ معمولا به عنوان Sidebar استفاده می شود.

نکته۳: این تگ در تمامی مرورگر ها پشتیبانی شده و نیازی به پیشوند ندارد.

نکته۴: اگر می خواهید از جملاتی که مربوط به متن اصلی نیستند داخل پرانتز استفاده کنید این پرانتزها را درون تگ های Aside قرار ندهید. زیرا محتویات درون این تگ جزء محتویات اصلی در نظر گرفته می شود.

 

خلاصه مطلب

  1. به ستون های سمت راست یا چپ در وب سایت Sidebar می گویند.
  2. تگ Aside یک تگ جدید در HTML5 می باشد.
  3. در صورتی که از این تگ به صورت تو در تو در یک تگ دیگر استفاده شود باید محتویات درون تگ Aside با تگی که درون آن قرار گرفته است ارتباط معنایی داشته باشد.
  4. در صورتی که از این تگ به صورت مستقل برای ایجاد ستون های سمت چپ یا راست استفاده شود هر محتوایی می توان درون این تگ ها قرار داد.
  5. با استفاده از این تگ در ستون های کناری می توانیم به توضیح و نشر مطالب کم اهمیت تر بپردازیم.
  6. در استفاده از تگ Aside محدودیتی وجود ندارد.
  7. از این تگ معمولا به عنوان Sidebar استفاده می شود.
  8. این تگ در تمامی مرورگر ها پشتیبانی شده و نیازی به پیشوند ندارد.

احساس خود را درباره این مقاله بگویید 1 نظر

جلسه ی چهل و یکم: تگ Aside در HTML5
1 1
ابوالفضل کلهری

فعال در زمینه های ui و ux و طراحی وب سایت مسلط به زبان های نشانه گذاری HTML و CSS و همچنین در زمینه ی آموزش زبان های HTML و CSS نیز فعالیت دارم . امیدوارم با آموزش هایی که در این سایت قرار می دهم موجب پیشرفت شما عزیزان باشم.

مقالات پیشنهادی
دیدگاه شما در رابطه با این مقاله چیست!؟

ارسال دیدگاه

  • ایمیل شما هیچگاه توسط کمیابی ها فاش نمی شود.
  • لطفا از پرسش تکراری خودداری کنید.
  • برای پشتیبانی محصولات و دریافت بهترین نتیجه از بخش تیکت استفاده کنید.
  • میانگین زمان پاسخ دهی به دیدگاه ها، حدود 1 ساعت می باشد.
  • ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.