반응형
<article class="bArticle">
....
</article>
article 태그는 시멘틱 태그이며, 시멘틱 태그란 semantic이라는 뜻으로, 흔히 보는 <a>, <hr>, <header>, <nav>, <section> 등으로서 태그를 보고도 저 태그가 무엇을 나타내는 태그인지 알아볼 수 있도록 이름을 알맞게 지은 태그라고 보면 됩니다.
종종 나타나는 시멘틱 태그중에 article, section, nav 등의 태그가 많이 나타나는데
한번 알아봅시다.
<nav> 태그는 네비게이션 표현을 위한 태그이고 본문 위치에 영향을 받지않아 <header><aside><footer>중 아무 위치로 가도 상관없습니다. <body>안에서만 어디든 사용이 가능것이죠...
<article> 태그는 사전상 의미는 신문, 잡지, 기사의 뜻이며, 태그 역시 웹 상의 실제 내용을 말합니다.
보통 블로그의 포스트나 웹사이트의 내용, 사용자가 등록한 코멘트, 독립적인 웹콘텐츠 항목이 모두 여기에 해당됩니다.
<section> 태그는 문서에서 콘텐츠 영역을 나타냅니다. 보통 section 태그와 article 태그가 혼동되기 쉬운데, 섹션태그는 헤더태그나 푸터태그와 비교해서 콘텐츠 영역을 구분짓는 용도로 사용하고, 실제 콘텐츠 내용은 섹션태그 안에서 article태그를 이용해서 표시합니다.
※ 단순히 스타일 적용하거나 스트립트를 사용하기 위해 콘텐츠 중 일부를 묶고 싶다면 section태그 대신 div태그를 사용하면 됩니다.
반응형
'이전 게시글 > 컴퓨터#웹 HTML' 카테고리의 다른 글
| [HTML] <div> 태그를 알아보자 (0) | 2016.02.02 |
|---|---|
| [HTML] <thead>, <tbody>, <tfoot> 등 테이블 만들기 (0) | 2016.02.02 |
| [HTML] <th> <tr> <td>, <colspan> 태그 간단설명 (0) | 2016.01.19 |
| [HTML] h1~h6 태그 폰트사이즈 글자크기지정 (0) | 2016.01.17 |
| [HTML] head, meta, title, link, body 태그 알아보기 (0) | 2016.01.17 |
