# Html
- 웹문서간 이동이 가능한 웹문서를 구성하는 언어이다.
- 웹 문서는 Html, CSS, Javascript 로 구성된다. (Jsp는 웹사이트를 좀 더 동적으로 구현하는데 사용된다.)
- 웹페이지는 크게 헤더와 바디 영역으로 되어있으며 여러 태그(속성)를 통해서 문서를 구성할 수 있다.
Html의 기능
| 기능 | 의미 |
| Web Form | 입력 형태를 보다 다양하게 제공 |
| Video | 동영상 재생을 위한 api 제공 |
| Audio | 음성 재생을 위한 api 제공 |
| Offline Web | 인터넷 연결이 없는 상태에서도 정상적인 기능을 지원하는 api 제공 |
| Web Database | 표준 sql을 사용하여 데이터를 저장할 수 있는 기능 제공 |
| Web Storage | 웹 애플리케이션에서 데이터를 저장할 수 있는 기능 제공 |
| Canvas | 2차원 그래픽 그리기 및 객체에대한 효과를 주는 기능 제공 |
| SVG | xml 기반 2차원 벡터 그래픽을 표현하기위한 svg 언어 지원 |
| Geolocation | 디바이스의 지리적 위치 정보를 가져오는 기능 제공 |
| Web Worker | 웹 애플리케이션을 위한 스레드 기능 제공 |
| Web Socket | 웹 애플리케이션과 서버간의 양방향 통신 기능 제공 |
| CSS3 | 웹 애플리케이션의 다양한 스타일 및 효과를 내기위한 CSS3을 제공 |
Html 태그 형태
- Html 요소라고도 부른다.
- 개발자는 태그의 시작과 종료 사이에 콘텐츠 내용을 작성할 수 있다.
<태그 속성=속성값></태그>
- <br> 같은 종료 태그가 없는 태그도 존재하며 이런 태그는 시작과 종료 사이에 따로 작성하는 내용이 없다.
- 또한 태그는 아래의 형태처럼 시작태그만 사용하여 작성되기도 한다.
<태그 속성=속성값 />
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>
1.1 Doctype
- 현재 작성 중인 html 의 버전을 명시하는 태그
- html 단어는 최신 버전을 뜻한다.
1.2 Lang
- 웹문서의 기본 언어 세팅을 뜻한다.
- 웹문서가 출력될 때 엔진에서 문서의 기본 언어를 찾아서, 컨텐츠 영역을 읽게 되는데
- 컨텐츠 영역 (body) 에서 사용한 언어가 기본 언어와 같지 않다면 엔진에서 맞는 언어를 찾으므로 시간이 좀 더 걸리게 된다.
- 그러므로 메인 언어는 맞춰주는 것이 속도가 더 높다.
1.3 Meta
- html 문서를 부가적으로 설명하는 정보를 담는 태그
- charset=UTF-8은 해당 html 문서 body 영역 내 여러 국가의 언어를 인코딩해주는 캐릭터셋을 의미한다.
- http-equiv는 최신 버전의 익스플로어를 호환한다는 뜻이다.
'Web > Html' 카테고리의 다른 글
| [Html] Padding, Margin (0) | 2025.01.09 |
|---|---|
| [Html] CSS (0) | 2025.01.09 |
| [Html] Semantic 태그 (0) | 2025.01.09 |
| [Html] Block, Inline (0) | 2025.01.09 |
| [Html] Eclipse 설치 (0) | 2025.01.09 |