태그 ( TAG )
: 특정한 성격을 가지고 있는 집단들
- 작성방법
<태그명령어></태그명령어>
* 열어주었으면 /로 닫아주는 것이 필수적이다! 습관적으로 열고 닫는 것을 같이 쓰는 것이 좋다.
html 기본 구조
<! DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
<title></title>
</head>
<body>
</body>
</html>
<! DOCTYPE html>
: " 지금 사용하는 문서 타입은 HTML 형식을 사용한다. " 라고 표시해주는 것이다.
<html lang="ko"></html>
: HTML 문서의 시작을 알리며 lang 속성을 사용해 문서에서 사용할 언어를 지정한다.
*lang : language의 약자로, 휴먼랭귀지를 뜻한다.
ko : 한국
en : 영어
ja : 일본
zh : 중국
<head></head>
: 문서 서두에 해당하며, CSS를 비롯한 javascript, 외부 페이지 연결 등의 구성을 하는 부분이다.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
: content="IE=Edge" 브라우저에서, 각 버전 중 가장 최신 표준모드를 선택하는 문서모드를 말한다.
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
: 메타 뷰포트(화면영역) 태그는 반응형 웹에 사용되어진다.
웹페이지가 사용자에게 보여지는 영역으로, 데스크탑 PC나 모바일 등 다양한 기기 내에서 뷰포트의 크기를 바꿀 수 있는 것을 말한다.
<meta charset="utf-8">
: 언어 캐릿터셋 (HTML로 저장된 파일 내부에 있는 태그를 포함한 텍스트 등의 콘텐츠)
UTF-8
: 전 세계의 대부분의 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋이다.
최근 HTML5는 대부분 기본 인코딩을 utf-8로 지정하고 있으며, 웹 표준을 지원한다.
EUC-KR
: 한글 지원을 위해서 유닉스 계열에서 나온 완성형 코드 조합이다.
한글과 한국에서 통용되는 한자 그리고 영문을 표현한다. (ANSI를 한국에서 확장한 것)
ASCII
: 최초의 문자열 인코딩으로 7bit 로 구성되어 있다.
- 영어를 위한 문자, 숫자, 특수문자, 기호 등 128개 문자를 표현한다.
ANSI
: 윈도우즈에서 만든 문자셋으로 8bit 로 구성되어 있으며 256개의 문자를 표현한다.
<title></title> : 브라우저 탭 또는 즐겨찾기에 표시되는 제목 영역
<body></body>
: 실제 브라우저 화면에 표시되는 영역
주석
: 주석문은 실행 결과에 아무런 영향을 주지 않으며, 코드 내에서 수정 및 보완을 위해 표시하여 사용한다.
<!--주석문-->
* 주석문에서 기호의 오타 시 문서의 모든 내용이 표현되지 않을 수 있으니 사용시 기호 주의해서 사용해야한다.
'Front-End > HTML 5' 카테고리의 다른 글
| [프론트엔드][html5] 6. 글자태그 (0) | 2021.06.29 |
|---|---|
| [프론트엔드][html5] 5. html 파일 생성/출력, 주의사항 (0) | 2021.06.28 |
| [프론트엔드][html5] 4. 콘텐츠 (0) | 2021.06.28 |
| [프론트엔드][html5] 2. VisualStudioCode + Live Server 설치 (0) | 2021.06.27 |
| [프론트엔드][HTML5] 1. HTML5 소개 (0) | 2021.06.27 |
