aside 요소

정의

aside; aside 요소는 주위 요소의 내용과 접점을 이루는 섹션으로, 보통 사이드바 형태로 표현됩니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

기본 문법은 다음과 같습니다. 데모

<aside>
  <p>aside 섹션은 마치 책 속의 간지처럼 반드시 필요한 것은 아니나 부가적인 정보를 제공하는 영역으로 사용된다.</p>
</aside>

인용구에 쓰인 aside 요소

<aside>
<q>2% 부족한 것을 간과하지 마라. 조금 차이가 모든 차이다. 2% 모자란 것이 100% 모자란 것이다. 양적으로는 2%이지만 질적으로는 100%이기 때문이다.</q>
</aside>

짧은 인용구에 aside 요소를 쓰려면 q 요소를 참고하세요.

블로그에 쓰인 aside 요소

aside 요소 예제 페이지

HTML5로 마크업한 html5doctor 웹사이트는 aside 요소의 블로그 유형을 적절히 보여줍니다. 우측 광고 영역과 하단의 Quick Links, Social Links & RSS, HTML5Gallery Links, Got a subject idea? 섹션을 모두 aside 요소로 마크업했습니다.

<div id="content">
  <div class="hfeed">
    <article class="hentry">...</article>
    <article class="hentry">...</article>
    <article class="hentry">...</article>
  </div>
  <aside id="sidebar">
    <div class="search">
      <form action="/search/" id="cse-search-box">
      ...
      </form>
    </div>
    <aside class="ask-banner">
      <a href="http://introducinghtml5.com/"><img src="http://html5doctor.com/wp-content/themes/html5doctor/img/introducing-html5-ad.jpg" alt="Introducing HTML5 by Bruce Lawson and Remy Sharp"></a>
    </aside>
  </aside>
</div>

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/aside.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki