HTML/요소

BODY 내 구조 개념 --> 콘텐츠 구분 ARTICLE

컴공 윤서혜 학습일기 2020. 12. 24. 17:36

독립적으로 구분되거나 재사용 가능한 영역을 설정(매거진/신문 기사, 블로그 등)

 

  • 일반적으로 <h1>~<h6>를 포함하여 식별
  • 작성일자와 시간<time>의 datetime 속성으로 작성

 

블록요소로 되어있다.

<article class="forecast">
    <h1>Weather forecast for Seattle</h1>
    <article class="day-forecast">
        <h2>03 March 2018</h2>
        <p>Rain.</p>
    </article>
    <article class="day-forecast">
        <h2>04 March 2018</h2>
        <p>Periods of rain.</p>
    </article>
    <article class="day-forecast">
        <h2>05 March 2018</h2>
        <p>Heavy rain.</p>
    </article>
</article>

다음과 같이 article태그 안에 article을 쓸수 있다. 자식요소 article은,  만약에 부모article에서 빠져나와서도 그것만의 독립적인 의미를 가지고 있게 된다면 자식 요소는 다른 태그가 아닌 article을 사용해야한다.