HTML5 aside 엘리먼트(element)
aside는 문서의 주요 부분을 표시하고 남은 부분의 컨텐츠를 보여주는 영역이다.흔히 생각하기쉬운점은 이전에 사이드바(sidebar)개념과 같다고 생각하는데 그보다는조금더 확장된 영역이다. 앞서말했든이 주요부분외 남은 컨텐츠이다.티스토리블로그를 비교한다면, 최근포스트, 최근댓글, RSS등 이 이부분이다.
01.<aside>02.<!-- 블로그주소와 외부링크-->03.<nav>04.<h1>My blogroll</h1>05.<ul>06.<li><a href="http://blog.example.com/">Example Blog</a>07.</li>08.</ul>09.</nav>10.<nav>11.<h1>Archives</h1>12.<ol reversed="">13.<li><a href="/last-post">My last post</a>14.</li>15.<li><a href="/first-post">My first post</a>16.</li>17.</ol>18.</nav>19.</aside>20.<aside>21.<!--트위터와 feedback-->22.<h1>Twitter Feed</h1>23.<blockquote cite="http://twitter.example.net/t31351234">24.울라불라25.</blockquote>26.<blockquote cite="http://twitter.example.net/t31219752">27.뭐라쩝쩝28.</blockquote>29.</aside>
위예제에서 맨처음 블로그링크,다음은 최근 슨글, 또 별도로 트위터를 보여주고있다.
댓글 없음:
댓글 쓰기