HTML5 개요

각 장의 HTML5 예제

실제 예제

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 您的浏览器不支持视频标签。
</video>
</body>
</html>

직접 테스트

이 예제가 어떻게 실행되는지 확인하려면 "직접 테스트"를 클릭하세요.

HTML5는 무엇인가요?

HTML5는 가장 최신의 HTML 표준입니다.

HTML5는 풍부한 웹 콘텐츠를 운반하기 위해 설계되었으며, 추가 플러그인이 필요하지 않습니다.

HTML5는 새로운 의미, 그래픽 및 멀티미디어 요소를 가지고 있습니다.

HTML5는 새로운 요소와 새로운 API를 제공하여 웹 애플리케이션 구축을 간소화합니다.

HTML5는 플랫폼에 불과하고, 다양한 종류의 하드웨어 (PC, 태블릿, 휴대폰, TV 등)에서 실행되도록 설계되었습니다.

주석:다음 장에서, 고장 난 버저러스의 HTML5 처리를 "帮忙"하는 방법을 배울 것입니다.

HTML5에서 새로운 내용은 무엇인가요?

HTML5의 새로운 문서 타입 (DOCTYPE) 선언은 매우 간단합니다:

<!DOCTYPE html>
새로운 문자 인코딩 (charset) 선언은 매우 간단합니다:
<meta charset="UTF-8">

HTML5 예제:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>문서의 제목</title>
</head>
<body>
문서의 내용......
</body>
</html>

주석:HTML5에서 기본 문자 인코딩은 UTF-8입니다.

HTML5 - 새로운 속성 문법

HTML5 표준은 4가지 다른 속성 문법을 허용합니다.

이 예제는 <input> 태그에서 사용할 수 있는 다양한 문법을 시연합니다：

타입 예제
비어있음 <input type="text" value="Bill Gates" disabled>
비쌍따옴표 <input type="text" value=Bill Gates>
중간 쌍따옴표 <input type="text" value="Bill Gates">
단일 쌍따옴표 <input type="text" value='Bill Gates'>

HTML5 표준에서는 필요한 속성에 따라 4가지 문법 중 모든 것을 사용할 수 있습니다.

HTML5 - 새로운 기능

HTML5의 가장 흥미로운 새로운 기능 중 일부는 다음과 같습니다：

  • 새로운 의미 요소, 예를 들어 <header>, <footer>, <article>, 및 <section>.
  • 새로운 표单 컨트롤, 예를 들어 숫자, 날짜, 시간, 캘린더 및 슬라이더.
  • 강력한 이미지 지원( <canvas> 및 <svg>를 통해)
  • 강력한 멀티미디어 지원( <video> 및 <audio>를 통해)
  • 강력한 새로운 API, 예를 들어 쿠키를 대체하는 로컬 스토리지.

HTML5 - 제거된 요소

다음 HTML 4.01 요소는 HTML5에서 제거되었습니다：

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>