🔵 CSS - emoziFont

jea_i·2022년 2월 7일

목록 보기

17/19

<body>
    <h2>시멘틱 요소 알아보기</h2>
    <p>
        영역을 나누기 위해 div요소를 사용합니다.
        하지만 div요소는 역할과 의미를 파악하기 어렵다.

        그래서 시멘틱요소가 나왔숨 ; 블럭형태임
    </p>
    <ul>
        <li>
            <h4>header태그 (hdr)</h4>
            <p>
                제목을 포함하는 영역으로 사이트 상단, 컨텐츠 상단에 위치한 영역
            </p>
        </li>
        <li>
            <h4>nav태그 (nav)</h4>
            <p>
                네비게이션
            </p>
        </li>
        <li>
            <h4>section태그 (sect)</h4>
            <p>
                article요소의 부모 or 자식요소
            </p>
        </li>
        <li>
            <h4>article태그 (art)</h4>
            <p>
                제목과 본문이 있는 영역 하나
            </p>
        </li>
        <li>
            <h4>footer태그 (ftr)</h4>
            <p>
                하단에 표기되는 내용, 사이트 요약
            </p>
        </li>
        <li>
            <h4>aside태그 (aside)</h4>
            <p>
                내용을 보조하는 영역
                ex> 쇼핑몰페이지 옆에 따라다니는 태그
            </p>
        </li>
    </ul>
</body>

jea_i

열정열정열정🔥

이전 포스트

🔵 CSS - table

다음 포스트

🔵 CSS - emoziFont

CSS

🔵 CSS - table

🔵 CSS - flexible

0개의 댓글

관련 채용 정보