<article>를 알아보자! > 웹개발

본문 바로가기

회원메뉴

  

쇼핑몰 검색

회원로그인

오늘 본 상품

없음

웹개발

<article>를 알아보자!

페이지 정보

작성자 인셀러 작성일18-11-15 15:57 조회12회 댓글0건

본문

<article> 



HTML <article> 요소는 문서, 페이지, 애플리케이션,  또는 사이트 안에 독립적으로 구분되거나 재사용 가능한 영역(예: 신디케이션)을 구성할 수 있습니다. 포럼의 글, 매거진/신문의 기사, 블로그 글 등이 여기에 포함됩니다.




- 컨텐츠 범주 : 플로우 컨텐츠, 구획 컨텐츠 , 보이는 컨텐츠.

- 허용된 컨텐츠 : 플로우 컨텐츠.

- 태그 생략 : None, both the starting and ending tag are mandatory.

- 허용된 부모 요소 : 플로우 컨텐츠를 허용하는 모든 요소.<address> 요소는 <article> 요소의 자손이 될 수 없음에 유의.




속성

이 요소는 전역 속성만을 포함합니다.




사용 일람

- 각 <article> 요소는 일반적으로 제목(<h1>-<h6> 요소)을 자식으로 포함하여 식별되어야 합니다.

- <article> 요소가 중첩되어 있을 때, 안쪽에 있는 요소는 바깥쪽에 있는 요소와 관련된 글을 나타냅니다.

  예를 들어, 블로그 포스트의 댓글은 포스트를 나타내는 <article> 요소 안에 중첩되는 <article> 요소가 될 수 있습니다.

- <article> 요소의 작성자 정보는 <address> 요소를 이용하여 제공될 수 있지만, 중첩된 다른 <article> 요소에는 해당하지 않습니다.

- <article> 요소의 작성일자와 시간은 <time> 요소의 datetime 속성을 이용하여 설명할 수 있습니다.

  참고로 <time> 요소의 pubdate 속성은 더 이상 W3C HTML5 표준안에 포함되지 않습니다.




예제

<article class="film_review">

  <header>

    <h2>Jurassic Park</h2>

  </header>

  <section class="main_review">

    <p>Dinos were great!</p>

  </section>

  <section class="user_reviews">

    <article class="user_review">

      <p>Way too scary for me.</p>

      <footer>

        <p>

          Posted on <time datetime="2018-05-16 19:00">May 16</time> by Lisa.

        </p>

      </footer>

    </article>

    <article class="user_review">

      <p>I agree, dinos are my favorite.</p>

      <footer>

        <p>

          Posted on <time datetime="2018-05-17 19:00">May 17</time> by Tom.

        </p>

      </footer>

    </article>

  </section>

  <footer>

    <p>

      Posted on <time datetime="2018-05-15 19:00">May 15</time> by Staff.

    </p>

  </footer>

</article>




댓글목록

등록된 댓글이 없습니다.

인셀터 파트너
회사소개 서비스이용약관 개인정보취급방침 공지사항 제휴문의 고객문의
  • 고객센터
    Tel : 070 - 4140 - 1302
    Time : am10:00 ~ pm6:00

    고객문의 게시판
    카카오톡 문의 : sopen
  • 입금계좌안내
    신한은행 : 110-450-941860
    하나은행 : 642-910643-16407
    예금주 : 에스오픈(신광태)
  • 사이트명 : 인셀러,     회사명 : 에스오픈
    사업자 등록번호 : 314-07-45623
    통신판매업신고번호 : 2018-대전중구-0441
    주소 : 대전광역시 중구 동서대로 1180, 2F (태평동 414-1)
    전화 : 070-4140-1302
    이메일 : sopen2011@naver.com
    대표&개인정보관리책임자 : 신광태