<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 г..
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-Ñоли | feed, note, presentation, region, search |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLElement |
ÐÑÑибÑÑÑ
Ð ÑÑÐ¾Ð¼Ñ ÑлеменÑÑ Ð¿ÑÐ¸Ð¼ÐµÐ½Ð¸Ð¼Ñ ÑолÑко глобалÑнÑе аÑÑибÑÑÑ.
ÐÑимеÑание
- Ðе иÑполÑзÑйÑе ÑлеменÑ
<aside>Ð´Ð»Ñ Ð¿Ð¾Ð¼ÐµÑки ÑекÑÑа в ÑÐºÐ¾Ð±ÐºÐ°Ñ , Ñак как ÑÑÐ¾Ñ Ð²Ð¸Ð´ ÑекÑÑа ÑÑиÑаеÑÑÑ ÑаÑÑÑÑ Ð¾Ñновного поÑокового конÑенÑа.
ÐÑимеÑÑ
html
<article>
<p>
ÐÑлÑÑÑилÑм ÑÑÑдии УолÑа ÐиÑÐ½ÐµÑ <em>Ð ÑÑалоÑка</em>
бÑл вÑпÑÑен в 1989.
</p>
<aside>
<p>ÐÑлÑÑÑилÑм заÑабоÑал $87 миллионов во вÑÐµÐ¼Ñ Ð¿ÐµÑвого вÑпÑÑка.</p>
</aside>
<p>ÐодÑобнее об ÑÑом мÑлÑÑÑилÑме...</p>
</article>
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # the-aside-element |