صفحه اول >> دانستنی ها >>
آموزش تگ aside در HTML - راهنمای تعریف ستون های کناری در html
تگ aside به معنای جداگانه، برای ایجاد یک قسمت مجزای مستقل ولی مرتبط با محتوای اصلی در سند HTML کاربرد دارد. با استفاده از تگ aside می توان محتوایی مرتبط ...
تگ aside به معنای جداگانه، برای ایجاد یک قسمت مجزای مستقل ولی مرتبط با محتوای اصلی در سند HTML کاربرد دارد.
با استفاده از تگ aside می توان محتوایی مرتبط با محتوای اصلی صفحه که با article تعریف شده ایجاد کرد. مثلا می توان نکات برجسته و مواردی که نیاز به یادآوری دارد را درج کرد. در این حالت باید محتوای aside با محتوای article ارتباط معنایی داشته باشد.
همچنین می توان برای تعریف ستون های سمت راست و چپ صفحه از این تگ استفاده کرد.
مثال شماره ۱ : استفاده از تگ aside درون تگ article
<body dir="rtl">
<article class="mypost">
<h1>سایت آموزشی</h1>
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
<!-- aside -->
<aside class="myaside">
<h4>زبان HTML</h4>
<p>زبان HTML مخفف Hyper Text Markup Language یه زبان مادر برای طراحی صفحات وب می باشد.</p>
</aside>
<!-- aside -->
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
</article>
</body>
<article class="mypost">
<h1>سایت آموزشی</h1>
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
<!-- aside -->
<aside class="myaside">
<h4>زبان HTML</h4>
<p>زبان HTML مخفف Hyper Text Markup Language یه زبان مادر برای طراحی صفحات وب می باشد.</p>
</aside>
<!-- aside -->
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
<p>در این سایت آموزش HTML به زبان ساده برای شما منتشر شده است.</p>
</article>
</body>
پشتیبانی مرورگرها
تگ <aside> در مرورگرهای کروم 6، فایرفاکس 4، اپرا 11.1، سافاری 5، اینترنت اکسپلورر 9 به بالا پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | 6 | 4 | 11.1 | 5 | 9 |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <aside> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ aside را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
aside {
display: block;
}
display: block;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.