آموزش تگ aside در HTML

30 مهر 1401
ارسال شده توسط
آموزش html css

آموزش تگ aside در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ aside در HTML به صورت کامل آشنا بشید.

تگ aside در HTML

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

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

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

یک مثال برای تگ aside در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور به یکی از مثال های تگ aside میپردازیم تا شما عزیزان درک بهتری از این تگ داشته باشید و بتوانید آسان تر از این تگ استفاده کنید.

مثال : استفاده از تگ aside درون تگ article با استفاده از زبان CSS برای استایل دهی به تگ

<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>

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

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

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

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

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

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

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

اغلب مرورگرها تگ aside را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید از این کد ها استفاده کنید.

aside {
  display: block;
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید