본문 바로가기

HTML5 소개(HTML5 Introduction)

What is New in HTML5?

HTML5의 새로운 기능


The DOCTYPE declaration for HTML5 is very simple:

HTML5에 대한 DOCTYPE 선언은 매우 간단합니다.


1
<!DOCTYPE html>
cs


The character encoding (charset) declaration is also very simple:

문자 인코딩 (charset) 선언도 매우 간단합니다.


1
<meta charset="UTF-8">
cs


HTML5 Example:

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
 
<body>
Content of the document......
</body>
 
</html>
cs


Try it Yourself »


The default character encoding in HTML5 is UTF-8.

HTML5의 기본 문자 인코딩은 UTF-8입니다.



New HTML5 Elements

새로운 HTML5 요소


The most interesting new HTML5 elements are: 

가장 흥미로운 HTML5 요소는 다음과 같습니다. 

New semantic elements like <header>, <footer>, <article>, and <section>.

새로운 의미 요소 와 같은 <header>, <footer>, <article>,와 <section>.

New attributes of form elements like number, date, time, calendar, and range.

숫자, 날짜, 시간, 달력 및 범위와 같은 양식 요소의 새로운 특성

New graphic elements: <svg> and <canvas>.

새 그래픽 요소 : <svg> 및 <canvas>.

New multimedia elements: <audio> and <video>.

새로운 멀티미디어 요소 : <audio>및 <video>.


In the next chapter, HTML5 Support, you will learn how to "teach" older browsers to handle "unknown" (new) HTML elements.

다음 장인 HTML5 지원 에서는 "unknown"(새) HTML 요소를 처리하도록 구형 브라우저를 "가르치는"방법을 배우게됩니다.




New HTML5 API's (Application Programming Interfaces)

새로운 HTML5 API (응용 프로그래밍 인터페이스)


The most interesting new API's in HTML5 are:

HTML5에서 가장 흥미로운 새로운 API는 다음과 같습니다.

  • HTML Geolocation
  • HTML Drag and Drop (끌어서 놓기)
  • HTML Local Storage (로컬 저장소)
  • HTML Application Cache (응용 프로그램 캐시)
  • HTML Web Workers (웹 작업자)
  • HTML SSE

Tip : HTML Local storage is a powerful replacement for cookies.

팁 : HTML 로컬 저장소는 쿠키를 대체 할 수있는 강력한 도구입니다.



Removed Elements in HTML5

HTML5에서 요소 삭제됨


The following HTML4 elements have been removed in HTML5:

다음 HTML4 요소가 HTML5에서 삭제되었습니다.


Removed Element Use Instead
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s>, or <del>
<tt> CSS


In the chapter HTML5 Migration, you will learn how to easily migrate from HTML4 to HTML5.

HTML5 마이그레이션 장 에서 HTML4에서 HTML5로 쉽게 이전하는 방법을 배웁니다.



HTML History

HTML 기록


Since the early days of the World Wide Web, there have been many versions of HTML:

월드 와이드 웹의 초창기부터 많은 HTML 버전이있었습니다.


Year Version
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1


From 1991 to 1999, HTML developed from version 1 to version 4. 

1991 년부터 1999 년까지 HTML은 버전 1에서 버전 4로 발전했습니다. 


In year 2000, the World Wide Web Consortium (W3C) recommended XHTML 1.0. 

2000 년 W3C (World Wide Web Consortium)는 XHTML 1.0을 권장했습니다. 


The XHTML syntax was strict, and the developers were forced to write valid and "well-formed" code.

XHTML 구문은 엄격했으며 개발자는 유효하고 "형식이 잘 맞는"코드를 작성해야했습니다.

In 2004, W3C's decided to close down the development of HTML, in favor of XHTML.

2004 년 W3C는 XHTML을 위해 HTML 개발을 마무리하기로 결정했습니다.

In 2004, WHATWG (Web Hypertext Application Technology Working Group) was formed. 

2004 년 WHATWG (Web Hypertext Application Technology Working Group)가 구성되었습니다. 

The WHATWG wanted to develop HTML, consistent with how the web was used, while being backward compatible with older versions of HTML.

WHATWG는 웹을 사용하는 방식과 일관되게 HTML을 개발하려고했지만 이전 버전의 HTML과 역 호환되었습니다.

In 2004 - 2006, the WHATWG gained support by the major browser vendors.

2004 - 2006 년에 WHATWG는 주요 브라우저 공급 업체의 지원을 받았다.

In 2006, W3C announced that they would support WHATWG.

2006 년에 W3C는 WHATWG를 지원할 것이라고 발표했습니다.


In 2008, the first HTML5 public draft was released.

2008 년 첫 번째 HTML5 공개 초안이 공개되었습니다.


In 2012, WHATWG and W3C decided on a separation:

2012 년 WHATWG와 W3C는 분리를 결정했습니다.


WHATWG wanted to develop HTML as a "Living Standard". 

WHATWG는 HTML을 "생활 수준"으로 발전시키고 자했습니다 . 

A living standard is always updated and improved. 

생활 수준은 항상 업데이트되고 개선됩니다. 

New features can be added, but old functionality cannot be removed.

새로운 기능을 추가 할 수는 있지만 이전 기능은 제거 할 수 없습니다.


The WHATWG HTML5 Living Standard was published in 2012, and is continuously updated.

WHATWG HTML5 생활 표준은 2012 년에 출판되었다, 지속적으로 업데이트됩니다.


W3C wanted to develop a definitive HTML5 and XHTML standard.

W3C는 결정적인 HTML5 및 XHTML 표준을 개발하고자했습니다.


The W3C HTML5 recommendation was released 28 October 2014.

W3C HTML5 포인트는 2014 10월 28일 출시되었습니다.


W3C also published an HTML 5.1 Candidate Recommendation on 21 June 2016.

또한 W3C는 2016 년 6 월 21 일에 HTML 5.1 후보 추천 을 게시했습니다 .