HTML5 그룹화, 섹셔닝, HTML CONVENTION, 웹표준 검사
https://www.youtube.com/watch?v=XK37q1IsFT0https://youtu.be/XK37q1IsFT0
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> html5 </title>
</head>
<body>
<div id="wrapper"></div>
<header>
<title>HTML5 section</title>
</header> <!-- //body header -->
<main>
<aside>사이드 영역</aside>
<section>
<h3>메인 콘텐츠 영역</h3> <!-- 섹션 제목은 웹 표준사항 -->
<article>
<h4>article title 1</h4> <!-- 아티클 제목은 웹 표준사항 -->
<p>아티클 내용 1... </p>
</article>
<article>
<h4>article title 2</h4> <!-- 아티클 제목은 웹 표준사항 -->
<p>아티클 내용 2... </p>
</article>
</section>
</main>
<footer>
<h3>푸터 영역</h3>
<address>
<p><a href="mailto:이메일주소">담당자 이메일</a></p>
<p>Copyright © ... All rights reserved.</p>
</address>
</footer>
</div>
</body>
</html>
'HTML, CSS' 카테고리의 다른 글
| CSS3 Flex 레이아웃, 테이블 레이아웃 비교 (0) | 2021.10.01 |
|---|---|
| HTML BoxModel 박스 크기, 패딩, 마진, 보더 ... (0) | 2021.10.01 |
| PC 웹과 모바일 웹 접속 구분하여 처리하기 (0) | 2021.09.30 |
| 스크립트 없이 만드는 슬라이드 효과 [HTML+CSS{코남}] (0) | 2021.09.17 |
| CSS로 이미지 자동 슬라이드 만들기 (0) | 2021.09.16 |