एचटीएमएल <एक तरफ> टैग
उदाहरण
इसमें रखी गई सामग्री के अलावा कुछ सामग्री प्रदर्शित करें:
<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>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
टैग कुछ सामग्री को उस <aside>सामग्री से अलग परिभाषित करता है जिसमें इसे रखा गया है।
एक तरफ की सामग्री परोक्ष रूप से आसपास की सामग्री से संबंधित होनी चाहिए।
युक्ति: सामग्री <aside>को अक्सर किसी दस्तावेज़ में साइडबार के रूप में रखा जाता है।
नोट: तत्व <aside>ब्राउज़र में कुछ खास के रूप में प्रस्तुत नहीं करता है। हालाँकि, आप <aside>
तत्व को स्टाइल करने के लिए CSS का उपयोग कर सकते हैं (नीचे उदाहरण देखें)।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
| Element | |||||
|---|---|---|---|---|---|
| <aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
वैश्विक गुण
<aside>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<aside>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
<एक तरफ> तत्व को स्टाइल करने के लिए 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>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: एक तरफ वस्तु
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <aside>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
aside {
display: block;
}