‎تگ حاشيهHTML <aside> Tag -‎

Previous >    <Next  

‎تگaside نشان دهنده يك بخشي از صفحه ميباشد ، و شامل محتوائي است كه در حاشيه محتوي اصلي ‎قرار ميگيرد .آن متن ميتواند جدااز متن اصلي منظورشود.

‎مثال ـ نمايش بعضي از محتوا در حاشيه

p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>

<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>

--(go to editor for change code and run)

‎تعريف وكاربردDefinition and Usage -‎

‎بااين تگ‎<aside>‎ بعضي از محتوي كه با محتوي اصلي مرتبط است مجزا معرفي ‎ميگردد .ميتوان در اين عنصر بعنوان نمونه لينك هاي مرتبط را معرفي كرد.

‎محتوي حاشيه بايد بطور غير مستقيم با محتوي اطراف مرتبط باشد.

‎نكته ـ محتوي‎<aside>‎ اغلب در يك نواركناري سند قرار ميگيرد .

‎توجه ـ مرورگر براي نمايش محتوي حاشيه مورد خاصي در نظر نميگيرد .ميتوان ازCSS براي استايل ‎دادن آن مشابه مثال بعدي اقدام نمود.

‎پشتيباني مرورگرBrowser Support -‎

‎در جدول زير اعداد نشان دهنده اولين نسخه مرورگرست كه از‎<aside>‎ پشتيباني ‎مي نمايد.

Element Chorome Edge Firefox Safari Opera
<aside> 6.0 9.0 4.0 5.0 11.1

‎ويژگي هاي جهانيGlobal Attributes -‎

‎تگ‎<aside>‎ از ويژگيهاي جهانيHTML پيروي ميكند .

‎ويژگي هاي رويداديEvent Attributes -‎

‎تگ حاشيه از ويژگي هاي رويدادي پيروي ميكند

‎مثال هاي بيشترMore Examples -‎

‎مثال ـ استفاده ازCSS براي استايل نمودن عنصر 

<html>
<head>
<style>aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
</style></head>
<body>

<h1>The aside element</h1>

<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>

<aside>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>

<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>

</body>
</html>

--(go to editor for change code and run)

‎تنظيمات پيش فرضDefault CSS Settings -‎

‎بيشتر مرورگرها نمايش عنصر‎<aside>‎ طبق پيش فرض زير انجام ميدهند .

aside {
  display: block;
}

HTML مرجع كامل تگهاي
HTML مرجع كامل ويژگيهاي

Previous >    <Next