<aside>: ë³ë 구í ìì
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 7ì.
HTML <aside> ììë 문ìì 주ì ë´ì©ê³¼ ê°ì ì ì¼ë¡ë§ ì°ê´ë ë¶ë¶ì ëíë
ëë¤. ì£¼ë¡ ì¬ì´ëë° í¹ì ì½ìì ë°ì¤ë¡ ííí©ëë¤.
ìëí´ ë³´ê¸°
<p>
Salamanders are a group of amphibians with a lizard-like appearance, including
short legs and a tail in both larval and adult forms.
</p>
<aside>
<p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<p>
Several species of salamander inhabit the temperate rainforest of the Pacific
Northwest, including the Ensatina, the Northwestern Salamander and the
Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects,
worms and other small creatures.
</p>
aside {
width: 40%;
padding-left: 0.5rem;
margin-left: 0.5rem;
float: right;
box-shadow: inset 5px 0 5px -5px #29627e;
font-style: italic;
color: #29627e;
}
aside > p {
margin: 0.5rem;
}
| ì½í ì¸ ì¹´í ê³ ë¦¬ | íë¡ì° ì½í ì¸ , 구í ì½í ì¸ , ëë ·í ì½í ì¸ . |
|---|---|
| ê°ë¥í ì½í ì¸ | íë¡ì° ì½í ì¸ . |
| íê·¸ ìëµ | ë¶ê°ë¥, ììê³¼ ëì í그를 ì¶ê°íë ê²ì íìì ëë¤. |
| ê°ë¥í ë¶ëª¨ ìì |
íë¡ì° ì½í
ì¸ ë¥¼ íì©íë 모ë ìì.<aside> ììë
<address>ì íìì´ ë ì ììì 주ìíì¸ì.
|
| ììì ARIA ìí |
complementary
|
| ê°ë¥í ARIA ìì |
feed, none,
note, presentation,
region, search
|
| DOM ì¸í°íì´ì¤ | HTMLElement |
í¹ì±
ì´ ììë ì ì í¹ì±ë§ í¬í¨í©ëë¤.
ì¬ì© ì¼ë
- ê´í¸ì ë¬¶ì¸ í
ì¤í¸ë¼ë 문ìì 주ì íë¡ì°ì í¬í¨ëì´ì¼ íë¯ë¡
<aside>ë¡ ëíë´ì ìë©ëë¤.
ìì
<aside> ì¬ì©í기
ë¤ì ìì ë ê¸ ë´ì 문ë¨ì <aside>ë¡ íìí©ëë¤. í´ë¹ 문ë¨ì ê¸ì 주ì ì ê°ì ì ì¼ë¡ë§ ì°ê²°ëì´ ììµëë¤.
html
<article>
<p>ëì¦ë ë§íìí <em>ì¸ì´ 공주</em>ë 1989ë
ì²ì ê°ë´íìµëë¤.</p>
<aside>ì¸ì´ 공주ë 첫 ê°ë´ ë¹ì 8700ë§ë¶ì í¥íì 기ë¡íìµëë¤.</aside>
<p>ìíì ëí ì ë³´...</p>
</article>
ê²°ê³¼
ëª ì¸
| Specification |
|---|
| HTML # the-aside-element |