HTML5

1. 정의

• HTML5는 2014년 10월 28일에 확정된 웹표준이다.
• HTML5는 웹페이지 작성을 위한 Markup Language이다.
  
  
  

2. 웹표준으로써의 HTML5

웹표준으로써의 HTML5는 하나의 규격을 의미한다.

2-1. 구성 요소

웹표준으로써의 HTML5는 아래와 같이 3개의 언어로 구성되어 있다.

• HTML: 웹 페이지의 구조적 요소를 담당한다.
• CSS: 웹 페이지의 디자인적 요소을 담당한다.
• JavaScript: 웹 페이지의 기능적 요소를 담당한다.

2-2. 각 요소의 구체적인 버전

• HTML: HTML5
• CSS: CSS3
• JavaScript: EC6(ECMA2015) 이후의 표준안

2-3. HTML5 규격에서 새롭게 도입된 기능

• 멀티미디어: 플러그인 없이 자체적으로 비디오, 오디오 기능을 지원한다.
• 그래픽: 2차원 그래픽(SVG, 캔버스 등)과 3차원 그래픽(CSS3, WebGL 등)을 지원한다.
• 통신: 서버와의 소켓 통신을 통한 양방향 통신을 도입했다.
• 디바이스 접근: 하드웨어 기능을 직접적으로 제어할 수 있다.
• 오프라인 및 저장소: 오프라인 상태에서도 애플리케이션을 동작시킬 수 있으며, 이를 통해 HTML5는 플랫폼으로 사용될수 있다.
• 시멘틱 태그: HTML 요소의 의미를 명확하게 설명할 수 있다.
• CSS3 지원: CSS3를 완벽하게 지원한다.
  
  
  

3. 언어로써의 HTML5

언어로써의 HTML5는 <> 태그와 DOM을 사용하는 언어이다.

3-1. HTML 이전의 표기 방법

3-1-1. 데이터의 길이에 기반한 표기 방법

• 데이터의 길이에 기반한 표기 방법이다.
• 표기 예시

	이름(10)나이(2)성별(4)이메일(20)
	홍길동_______20남자hong@email.com

• 장점
  - 표기를 빠르게 할 수 있다.
  
  
• 단점
  - 지정한 데이터 크기를 초과하면 표기가 잘린다.
  - 새 데이터가 추가되면 기존 데이터를 재정렬해야 한다(유연하지 않음).
  
  

3-1-2. 구분자를 사용하는 방법

• 데이터의 길이를 기준으로 하는 경우 발생하는 문제를 해결하기 위해 사용한 방법이다.
• 표기 예시

	홍길동,20,남자,hong@email.com

• 장점
  - 데이터의 길이에 기반한 방법보다 유연하다.
  
  
• 단점
  - 타 시스템으로 전달하기가 어렵다.
  
  
  

3-2. HTML

• 요소, 속성, 태그, 내용 등을 이용해서 내용을 표기하는 방법이다.
  
  
  

3-3. HTML 문법

• HTML