آموزش تگ aside در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ aside در HTML با من همراه باشید.

آموزش تگ aside در HTML

Free-Learn

تگ aside در HTML

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

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

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

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

Free-Learn

مثال از تگ aside در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : استفاده از تگ aside درون تگ article

امتحان کنید

مثال شماره ۲ :

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ aside در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۶٫۰ ۴٫۰ ۱۱٫۱ ۵٫۰ ۹٫۰

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ aside از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تگ aside یک تگ جدید/اضافه شده در HTML5 می باشد.

از این تگ نیز میتوان به عنوان یک ستون کناری (مطلب فرعی) که مرتبط با محتوای اصلی سایت است، در تگ article استفاده کرد. (همانند مثال شماره ۱ کمی بالاتر)

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ aside را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn