• 이용 문의
  • 회원가입
  • 로그인

[style] HTML5 - <article> Tag ★ - 자족적인 독립콘텐츠 (= 아티클태그. IE9)

833  
<article> 예제

<article>
  <h1>SQL</h1>
  <p>SQL은 홈페이지 테이터베이스를 담당.....</p>
</article>

결과보기


<article> 정의

 

독립적이며 자족적인 콘텐츠를 표시할 때 사용

 


 

1. 

<article> 태그 안의 내용은 반드시 웹문서의 다른 부분들과 독립적이여야 하며, 

자체로 의미를 이루어야 함.

2. 

<article> 태그 안에 올 수 있는 것들 : 

포럼 포스팅, 블로그 포스팅, 뉴스거리, 댓글


3.

블럭요소 : 한줄 전체 차지.

4. 

시작태그와 종료태그로 구성

5.

HTML5에 새로 도입

6.

IE9 이상 주요 최신브라우저 지원

 

<article> 구문

<article> 자족적 독립콘텐츠 내용</article>

※ <article> 태그는 전역속성이벤트속성 지원.
 
 
<article> 기본CSS

 

article { display: block; }

 

※ 한 줄 전체를 차지하는 block 요소.

즐겨찾기 (= 북마크) : Ctrl + D

이름
비밀번호
자동등록방지
분류 제목 조회
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
3,060
3,060
intro HTML - 태그문법 ★
2,574
2,574
basic HTML - <!DOCTYPE> Tag ★ - 문서타입 (= !doctype태그 = !doctype요소 =…
3,784
3,784
basic HTML - <html> 태그 ★ - HTML문서 (= html태그 = html요소)
2,145
2,145
basic HTML - <body> 태그 ★ - 문서영역 (= body태그 = body요소 = 본문영역 = 바디태그 =…
2,524
2,524
font HTML - <h1> ~ <h6> Tag ★ - 문단제목글씨크기 (= 단락제목글자크기 = h1태그, h2태그…
2,613
2,613
basic HTML - <p> Tag ★ - 글단락 (= p태그 = p요소 = 글문단 = 단락태그 = 문단태그 = 피태…
2,486
2,486
basic HTML - <br> Tag ★ - 줄바꿈 (=br태그 = br요소 = 한줄아래로 = 비알태그 = 브레이크태…
2,615
2,615
basic HTML - <hr> Tag - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에…
3,532
3,532
basic HTML - <!--주석 내용--> Tag ★ - 주석처리 (= 주석태그)
2,946
2,946
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
2,714
2,714
formatting HTML - <acronym> Tag - 두문자어 (= 약어 = acronym태그 = acronym요소 = …
1,922
1,922
formatting HTML - <abbr> Tag - 축약어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리비에이션…
2,045
2,045
formatting HTML - <address> Tag - 연락처 (= address태그 = address요소 = 어드레스태그…
1,850
1,850
font HTML - <b> Tag ★ - 굵은글씨 (= b태그 = b요소 = 폰트굵기 = 비태그 = 볼드태그)
2,086
2,086
목록

방문자 수

오늘 452
어제 955
최대 1,698
전체 579,457
Since 2012