반응형
<html>
<head>
</head>
<body>
<header>
<h1><a href="index.html">html</a></h1>
</header>
<nav>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기술소개1</a></li>
</ol>
</nav>
<article>
<h2>선행학습</h2>
삐리삐리뽀~
</article>
<footer>
<li><a href="privacy.html">개인보호정책</a></li>
<li><a href="about.html">회사소개</a></li>
</footer>
</body>
</html>
<!--
sematic tag : 의미론적인 태그일 뿐. 특별한 기능은 없는 태그들이다.
article 본문
aside 광고와 같이 페이지의 내용과는 관계가 적은 내용들
details 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의
figure 삽화나 다이어그램과 같은 부가적인 요소를 정의
footer 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의
header 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의
main 문서에서 가장 중심이 되는 컨텐츠를 정의
mark 참조나 하이라이트 표시를 필요로 하는 문자를 정의
nav 문서의 네비게이션 항목을 정의
section 문서의 구획들을 정의 (참고)
time 시간을 정의
-->
안 외워도 되고, 그냥 이런 태그들이 있다는 것만 알아두면 된다.
특별한 기능을 가진 태그들은 아니다.
반응형
'WEB > HTML' 카테고리의 다른 글
| 외부문서삽입 - iframe (0) | 2024.02.06 |
|---|---|
| 모바일 지원 (viewport) (0) | 2024.02.06 |
| meta (0) | 2024.02.06 |
| 글꼴 - font(퇴출됨) (0) | 2024.02.06 |
| 파일 업로드 (0) | 2024.02.06 |