[HTML] 소개
2022. 2. 10. 16:54ㆍWeb/HTML
✅HTML(Hypertext Markup Language)
웹사이트를 만들기 위한 웹 페이지 구조 정의의 토대가 되는 기술, 프로그래밍 언어X
✅HTML 문서의 기본 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML 기본문서</title>
</head>
<body>
</body>
</html>- <!DOCTYPE html>: 현재 문서가 HTML 언어로 작성한 웹 문서라는 뜻
- <html/>: 웹 문서의 시작과 끝을 나타내는 태그
- <head/>: 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분
- <body/>: 실제로 화면에 나타나는 내용
✅시멘틱 태그
이름만 봐도 의미를 알 수 있는 HTML태그
사용하는 이유: 화면 낭독기 같은 보조 기기에서 사이트의 구조를 이해 할 수 있다.
- <header> 태그: 헤더 영역
- <nav> 태그: 내비게이션 영역, 웹 문서 위치에 영향X, 문서 안에 여러 개 만들 수 있음
- <main> 태그: 핵심 콘텐츠, 웹 문서에서 한 번만 사용
- <article> 태그: 독립적인 콘텐츠, <section> 태그 포함
- <section> 태그: 콘텐츠 영역, 몇 개의 콘텐츠를 묶는 용도, css 적용을 위해 묶는 용도X(<div>태그 사용)
- <aside> 태그: 본문 내용 외에 왼쪽이나 오른쪽, 혹은 아래쪽에 사이드 바 표시, 필요할 경우에만 사용
- <footer> 태그: 사이트 제작 정보나 저작권 정보, 연락처 등 다양한 정보 포함
- <div> 태그: 소스를 묶는 용도, 영역을 구별하거나 스타일 적용하기 위해 사용
'Web > HTML' 카테고리의 다른 글
| [HTML] input 과 button (0) | 2023.02.22 |
|---|---|
| [HTML] 입력 양식 작성하기 (0) | 2022.06.29 |
| [HTML] 다양한 내용 입력하기 (0) | 2022.02.10 |