HTML을 작성하기 앞서 사용중인 VS코드의 !+tab을 하면 나오는 기본코드이다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>처음 위와 같은 코드를 접했을때 정말 이게 무슨소리 인가 ... 싶었다
하나하나 천천히 풀어보면
<!DOCTYPE html> -> 문서의 HTML버전을 지정 (HTML5가 표준)
<html lang="en"> -> 문서의 전체 범위를 알려준다
<head> -> 문서의 정보를 나타내는 범위로 제목,설명,사용할 파일위치 등 웹페이지의 보이지 않는 정보를 작성
<meta charset="UTF-8"> -> meta 태그의 경우 HTML문서의 제작자 내용 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공하는 태그이며
<title>Document</title> -> 말그대로 타이틀! 문서의 제목을 정의한다(브라우저 탭에 표시되는 이름)
</head>
<body> -> 문서의 구조를 나타내는 범위 이며 사용자 화면을 통해 보여지는 구조를 작성한다.
</body>
</html>이외에도 css를 연결할때 쓰는 link 태그 style태그
JAVASCRIPT를 가져오는 경우 사용되는 script 태그 등이 있다.
'HTML' 카테고리의 다른 글
| 전역속성 VS 고유 속성 (0) | 2022.07.06 |
|---|---|
| 주석 (0) | 2022.07.06 |
| 글자와 상자_02_block (0) | 2022.07.06 |
| 글자와 상자_01_inline (0) | 2022.07.06 |
| HTML 요소 관계의 이해 (0) | 2022.07.06 |