기사 (article)
시맨틱 태그의 중요성
작성
시맨틱 태그는 콘텐츠의 의미를 명확하게 전달합니다. 검색 엔진과 스크린 리더가 페이지 구조를 더 잘 이해할 수 있습니다.
메인 콘텐츠 (main)
main 태그는 페이지당 하나만 사용하며, 고유한 콘텐츠를 담습니다.
섹션 (section)
section은 관련된 콘텐츠를 그룹화합니다.
하위 섹션 1
섹션 안에 섹션을 중첩할 수 있습니다.
하위 섹션 2
각 섹션은 일반적으로 제목을 가집니다.
의미 있는 태그로 웹 페이지 구조를 만듭니다.
main 태그는 페이지당 하나만 사용하며, 고유한 콘텐츠를 담습니다.
작성
시맨틱 태그는 콘텐츠의 의미를 명확하게 전달합니다. 검색 엔진과 스크린 리더가 페이지 구조를 더 잘 이해할 수 있습니다.
section은 관련된 콘텐츠를 그룹화합니다.
섹션 안에 섹션을 중첩할 수 있습니다.
각 섹션은 일반적으로 제목을 가집니다.
숨겨진 콘텐츠가 여기에 표시됩니다.
details와 summary로 접이식 콘텐츠를 만들 수 있습니다.
open 속성을 사용하면 기본으로 열려있습니다.
연락처 정보:
이름: 홍길동
이메일: hong@example.com
전화: 010-1234-5678
회의 일정:
마감일:
기간:
<div id="header">...</div>
<div id="nav">...</div>
<div id="main">
<div class="article">...</div>
</div>
<div id="footer">...</div><header>...</header>
<nav>...</nav>
<main>
<article>...</article>
</main>
<footer>...</footer>