반응형
의미만 잇는 태그. 하지만 html을 작성할 때 의미를 중점으로 코딩해야 나중에 재사용가능성이 높아진다.
| article | 본문 |
| aside | 광고와 같이 페이지의 내용과는 관계가 적은 내용들 |
| details | 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의 |
| figure | 삽화나 다이어그램과 같은 부가적인 요소를 정의 |
| footer | 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
| header | 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
| main | 문서에서 가장 중심이 되는 컨텐츠를 정의 |
| mark | 참조나 하이라이트 표시를 필요로 하는 문자를 정의 |
| nav | 문서의 네비게이션 항목을 정의 |
| section | 문서의 구획들을 정의 (참고) |
| time | 시간을 정의 |
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1>HTML</h1>
</header>
<nav>
<ol>
<li>기술소개</li>
<li>기본문법</li>
<li>하이퍼텍스트와 속성</li>
<li>리스트와 태그의 중첩</li>
</ol>
</nav>
<article>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</article>
<footer>
<ul>
<li><a href="privacy.html">개인보호 정책</a></li>
<li><a href="aubot.html">회사소개</a></li>
</ul>
</footer>
</body>
</html>반응형
'개인공부' 카테고리의 다른 글
| CSS : 움직임, 클릭리스너 적용 (2) | 2020.12.30 |
|---|---|
| CSS : relative 와 absolute 정복 (0) | 2020.12.28 |
| caching (0) | 2020.11.15 |
| Redis 기본 사용법 (0) | 2020.11.14 |
| HTTP 1.1 / HTTP 2.0 (0) | 2020.11.02 |
