HTML5
- Hypertext markup Language
- 선생이 학생의 글의 틀린 부분을 색연필로 표시해주듯이, Html 문서는 글의 내용에 태그라는 것을 사용하여 표시해 주는 형식의 언어
- 웹페이지 기술을 위한 마크업 언어
- 웹페이지의 내용과 구조를 담당
HTML5 지원 기능
- 멀티미디어: 플러그인 없이 비디오, 오디오 자체적 지원
- 그래픽: 3차원 그래픽 지원
- 통신: 단방향 통신 -> 서버와의 양방향 통신(소켓 통신 가능으로 서버와의 양방향 통신이 가능해짐)
- 디바이스 접근: 카메라, 센서 등 제어 가능
- 오프라인 및 저장소: 오프라인에서도 동작 가능
HTML5의 기본 구조
- HTML 태그 안에 head 부분과 body 태그로 이루어짐.
- 일반적으로 태그는 쌍을 이룸
- <html>은 열고 </html>은 닫아주는 형식임
HTML5의 문서 선언
- html5 문서임을 나타내기 위해 <!DOCTYPE html> 태그를 사용
- 웹 브라우저는 이 선언 태그를 확인하고 문서를 실행시켜 표시함.
- 2행의 <html>은 문서의 시작을 나타냄.
- 한 문서는 마지막에 </html> 태그로 닫아줘야함. 이 사이에 실질적 html 내용 입력.
<head> 태그 사이
- <head> 태그 사이 메타데이터와 문서 이름, 스타일 정의 등 내용 입력할 수 있음.
- 웹 브라우저에게 문서의 다양한 정보와 형식을 알려주는 내용들로 주로 구성.
meta 태그
- head 태그 안에서 사용
- 사용자에게는 나타나지 않음
- 페이지마다 고유한 정보 전달하는 역학
- <meta name="author"content="kok"> (이 웹페이지의 저자는 kok이라는 것을 의미)
- 검색 엔진들은 이러한 페이지의 메타 태그에 기록된 정보를 읽어 들여 정보를 수집함
- 범용성 문자셋은 이 페이지가 어떻게 인코딩 되었는지를 알려주는 정보임.
- 인코딩은 간단하게 문자나 기호들의 집합을 컴퓨터에서 표현하는 방법.
- 각 나라의 언어는 다양한 문자셋을 만들고 사용 중
<body> 태그 사이
- <body>태그 안에는 실질적으로 웹 브라우저 안에 출력될 요소들이 들어감.
H태그는 heading의 약자로써 제목의 큰 글자 크기로 나타냄.
h1에서 h6으로 갈 수록 작아짐.
'러닝커뮤니티 > 웹프로그래밍' 카테고리의 다른 글
| HTML5 table, iframe, layer (0) | 2025.11.13 |
|---|---|
| HTML 기본태그 (0) | 2025.11.10 |
| 1회차 오답 노트 (0) | 2025.11.10 |
| 리눅스쉘 명령 (0) | 2025.11.10 |
| Vi editor, Nano editor (0) | 2025.11.10 |
