این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ aside در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ aside در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ aside در HTML
تگ aside تگی است که ما با استفاده از آن میتوانیم یک محتوای مرتبط با محتوای اصلی وبسایت ایجاد نماییم.
در بخش قبلی ما با تگ article آشنا شدیم و دیدیم که این تگ میتونه مطالب اصلی سایت ( پست های سایت ) رو ایجاد نماید حال ما با استفاده از تگ aside میتونیم محتوایی را که مرتبط با محتوای موجود در تگ article هست ایجاد نماییم به همین سادگی تموم شد رفت.
اگر به سایت های موجود در اینترنت توجه کرده باشید همیشه [ معمولا / اکثرا ] دارای یک ستون کناری هستند که در اون ستون یکسری لینک ،تصاویر و.. قرار میگیرد، خب همین میتونه از طریق تگ aside ایجاد شود.
Free-Learn
مثال از تگ aside در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ aside درون تگ article ( استایل دادن با استفاده از زبان CSS )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<body dir="rtl"> <article class="mypost"> <h1>سایت آموزشی فری لرن</h1> <p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p> <p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p> <aside class="myaside"> <h4>زبان HTML</h4> <p>زبان HTML مخفف Hyper Text Markup Language یه زبان مادر برای طراحی صفحات وب می باشد.</p> </aside> <p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p> <p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p> </article> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ aside در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ aside از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ aside را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
aside { display: block; } |
