728x90
반응형
HTML 이란?
간단히 말하면 '문서의 뼈대'입니다.
HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어입니다.
HTML의 기본적인 구조로는
<!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>
이런 식으로 되어있습니다.
html은 태그로 구성되어 있어요.
태그에는 여러 규칙이 있는데 그중 기본은 여는 태그와 닫는 태그가 있습니다.
태그에 대해서는 다른 글에서 다뤄볼게요!
기본 구조를 자세히 봐볼까요?
[!DOCTYPE 선언 이유]
html은 버전별로 지원하는 태그가 다르기 때문에 버전 정보를 미리 선언해서
브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것입니다.
!DOCTYPE 은 html5 버전 선언입니다.
[meta charset="utf-8" 선언 이유]
웹브라우저나 컴퓨터는 html 파일을 웹브라우저에서 표시될 수 있도록 변환하는 처리 작업
즉, 인코딩을 하게 됩니다.
이때 파일의 정보 형태가 어떤 언어로 되어있는지에 대한 지정이 필요합니다.
이걸 "문자 코드셋" 이라고 해요.
해외 브라우저를 사용하거나 타국어로 설정된 컴퓨터에 접속하게 되면 한글이 깨져 보이는 현상이 나타나는데
이걸 방지하는 거라고 보시면 됩니다.
<meta>태그를 사용해서 문자 코드 셋을 지정해 주는데, meta는 metadata의 약자입니다.
다른 데이터를 설명해 주는 데이터를 의미해요.
html5문서에서 charset 값은 utf-8로 지정합니다. 다국어 인코딩을 지원하는 값이에요.
위치는 head 사이로 들어갑니다.
오늘은 html에 대해서만 올리고 갑니다!
728x90
반응형
'html,css' 카테고리의 다른 글
| [css]style 적용 우선순위 (0) | 2021.12.09 |
|---|---|
| [css] float 정렬 (0) | 2021.12.06 |
| [CSS] font-face 사용방법 (0) | 2021.12.05 |
| input type 정리 (0) | 2021.11.28 |
| css - 인접선택자, 일반선택자 (0) | 2021.11.25 |