[HTML] div, section, article

셋은 모두 한 division을 담당하는 태그다. 그런데 왜 굳이 3개씩이나 있을까?

<div>
    <div>
    	<div>
            <div>
            	content1
            </div>
            <div>
            	content2
            </div>
        </div>
        <div>
            content3
        </div>
    </div>
    <div>
    	content4
    </div>
</div>

look at this dirt...y..읍읍

구역을 나눠서 html을 작성하다 보면 이렇게 더럽게 쓰일 수도 있다.

 

<section>
    <div>
        <div>
            <article>
                content1
            </article>
            <article>
                content2
            </article>
        </div>
        <article>
            content3
        </article>
    </div>
    <article>
        content4
    </article>
</section>

section과 article을 이용하면 좀 더 각 구역의 의미를 살리면서 코드를 쓸 수 있고 보기에도 좋다.

노마드 코더 파이썬 챌린지 할 때 div 범벅인 페이지 분석했을 때 좋지 못한 기억이 떠올랐다... 웩