HTML 태그 영역
- 문서의 전체 범위를 나타낸다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
HEAD 태그 영역
- 웹 페이지의 제목, 설명, 외부 파일 연결 등의 보이지 않는 설정 정보를 주로 작성한다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
BODY 태그 영역
- 웹 페이지로 보여지는 로고, 내비게이션, 버튼, 이미지 같은 표현을 작성한다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
빈 태그
- 태그 사이 내용이 없다.
- 문법적으로 엄격하던 XHTML 시기에는 빈 태그를 닫아야했다.
- HTML5 시대에는 두 방식 다 지원한다.
예를 들어,
<빈 태그>
- HTML 1, 2, 3, 4, 5 지원
Ex) <img src="image.jpg">
<빈 태그 />
- XHTML, HTML5 지원
Ex) <img src="image.jpg" />
내용 없이 단독으로 사용하여 빈 태그 닫아주기는 XHTML 시대를 거치면서 나타난 문법적 엄격함이 만들어낸 유산이다. 결과적으로 지금은 개발자의 취향이 되어 버렸다. 다만 프로젝트 규모가 커지게 되면 문법적 엄격함을 지키는 것이 개발 유지 보수하는데 좋은 경향이 있다.
HTML 주석
VSCode에서 HTML 주석을 만들어주는 단축키.
원하는 라인에 커서를 멈추고,
Ctrl + /
<!-- 주석 -->
'개발 > 웹 (HTML)' 카테고리의 다른 글
| HTML 자주 사용하는 태그 - <a> (0) | 2024.11.20 |
|---|---|
| HTML 자주 사용하는 태그 - <ul><ol><li> (0) | 2024.11.18 |
| HTML 블록 요소 개념 잡기 (1) | 2024.11.17 |
| HTML 인라인 요소 개념 잡기 (0) | 2024.11.16 |
| HTML 기본 구조와 DTD 개념 정리 (0) | 2024.11.11 |
| VSCode 웹 개발 시작하기 - Live Server로 만드는 '니' 첫 번째 웹 페이지 (2) | 2024.11.09 |
| VSCode 언어별 들여쓰기(탭) 지정 - Settings.json (1) | 2024.11.08 |
| VSCode 웹 개발 시작하기 - 필수 단축키 모음 (0) | 2024.11.07 |
