HTML5 - New Structural Tags : <aside>
HTML5 - New Structural Tags ( 구조 태그 ) : <aside></aside>
01. <section></section>
02. <article></article>
03. <aside></aside>
04. <header></header>
05. <hgroup></hgroup>
06. <footer></footer>
07. <nav></nav>
03. <aside></aside>
aside 요소는 주위 요소의 내용과 접점을 이루는 섹션으로, 보통 사이드바 형태로 표현됩니다.
인용구, 광고, 네비게이션 용도로 사용할 수 있지만, 단순한 삽입구에 사용하는 것은 적합하지 않습니다.
source )
<!DOCTYPE html>
<html>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<aside>
<h4>Code is Poetry</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</aside>
<p><strong>Note:</strong> The aside tag is not supported in Internet Explorer 8 and earlier versions.</p>
</body>
</html>
result )
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Note: The aside tag is not supported in Internet Explorer 8 and earlier versions.
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| HTML5 - New Structural Tags : <header> (0) | 2018.04.28 |
|---|---|
| HTML5 - New Structural Tags : <hgroup> (0) | 2018.04.28 |
| HTML5 - New Structural Tags : <article> (0) | 2018.04.28 |
| HTML5 - New Structural Tags : <section> (0) | 2018.04.26 |
| HTML - META tag (0) | 2018.04.26 |
