{{위키데이터 속성 추적}}
{{Infobox file format
| name      = HTML5<br><small>(하이퍼텍스트 마크업 언어)</small>
| icon      = HTML5-logo.svg
| icon_size = 120px
| caption   = HTML5 공식 로고. 2011년 1월 18일 도입.
| extension = <code>.html</code>
| mime      = text/html
| developer = [[W3C]]
| released  = {{시작 날짜와 나이|df=y|2014|10|28|p=yes|br=yes}}<ref name=finalars>{{웹 인용|url= https://arstechnica.com/information-technology/2014/10/html5-specification-finalized-squabbling-over-who-writes-the-specs-continues/ |title=HTML5 specification finalized, squabbling over specs continues |publisher=Ars Technica |date=29 October 2014 |access-date=29 October 2014}}</ref>
| standard  = [https://www.w3.org/TR/2017/REC-html52-20171214/ HTML 5.2]
| free      = 예
| type code = TEXT
| uniform type = public.html<ref>{{웹 인용|url= https://developer.apple.com/library/mac/#documentation/Miscellaneous/Reference/UTIRef/Articles/System-DeclaredUniformTypeIdentifiers.html |title=Mac Developer Library: System-Declared Uniform Type Identifiers | publisher=[[Apple Inc.|Apple]] |date=17 November 2009}}</ref>
| owner     = [[W3C]]
| genre     = [[마크업 언어]]
}}
{{HTML|image=HTML5.svg}}
'''HTML5'''는 [[HTML]]의 완전한 5번째 버전으로 월드 와이드 웹 (World Wide Web)의 핵심 [[마크업 언어]]이다. 2004년 7월 Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작하였다.

HTML5는 [[HTML 4.01]], [[XHTML]] 1.0, DOM 레벨 2 HTML에 대한 차기 표준 제안이다. 비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 [[액티브X]] 없이 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 한다.

[[W3C]]는 2014년 10월 28일 HTML5 표준안을 확정했다고 발표했다.

이후 2016년 11월 1일 HTML5의 마이너 업데이트 버전인 HTML5.1 표준안을 확정, 2017년 12월 14일 HTML5.2 표준안을 확정했다. HTML5.3 표준안은 현재 작업 초안 단계로 진행 중이다.

== HTML4와의 차이점 ==

* 요소 추가
** 구조적인 요소 - 구역을 나누는 블록 요소인 div 요소를 대신한다.
*** header
*** nav
*** article
*** section
*** aside
*** footer
** 멀티미디어 요소 - [[플러그인]] 없이 멀티미디어를 재생할 수 있게 한다.
*** audio - 오디오를 재생한다.
*** video - 비디오를 재생한다.
*** canvas
** command
** datalist
** details
** embed
** figure
** figcaption
* 요소 의미 변경
** em
** hr
* 문서 선언 - <code style="white-space:nowrap;">&lt;!DOCTYPE html&gt;</code>으로 간소화되었다.(대소문자 구별은 하지 않으나,  작성된 것과 같은 방식 권장.)
* 요소 제거
** 비슷한 기능의 다른 태그로 대체 가능한 태그들 - acronym, applet, dir, isindex
** 디자인적인 기능 이상의 의미가 없어 삭제 (CSS로 대체 가능한 태그들) - basefont, big, center, font, strike, tt
** 웹 접근성 향상을 위해 사용을 지양하는 태그들 - frame, frameset, noframes

== 일정 및 역사 ==
* 2007년 5월 HTML5와 Web Forums 2.0 스펙 채택 - 리뷰 기반으로
* 2007년 11월 HTML5 디자인 원칙 작업 초안
* 2010년 1월 HTML5 Last Call 작업 초안
* 2010년 8월 HTML5 Working Draft 공개

수정된 HTML 5.0 개발 일정
# CR(Candidate Recommendation): 2012년 4분기
# LCf: 2014년 3분기
# PR(Proposed Recommendation): 2014년 4분기
# Rec(Recommendation): 2014년 4분기

HTML5.1 개발 일정
# FPWD(First Publication Working DrafT): 2012년 4분기
# LC(Working Draft Last Call): 2014년 3분기
# CR(Candidate Recommendation): 2015년 1분기
# Rec(Recommendation): 2016년 4분기

== 디자인투코드(Design-to-HTML, CSS) ==
디자인투코드(Design-to-code)란 [[피그마 (소프트웨어)|피그마(프로그램)]]와 같은 디자인 파일을 코드로 변환하는 것을 의미한다.

피그마의 디자인 협업 환경의 혁신에 이어 UI/UX 개발 프로세스의 혁신이 일어날 것으로 예상된다. 대표적인 서비스형 소프트웨어로는 [https://function12.io 펑션투웰브]가 있다.

== 브라우저 지원 현황 ==
{| class="wikitable sortable" align="center"
|-
! 브라우저 !! Ver !! HTML5 검사 점수<ref>{{언어링크|en}}{{웹 인용|url=http://html5test.com/results.html |title=웹 브라우저의 HTML5 지원 검사 결과 |확인날짜=2012-01-06}}</ref><br />2012년 1월 6일!! Ver !! HTML5 검사 점수<br />2012년 5월 23일<ref>{{웹 인용 |url=http://html5test.com/results/desktop.html |제목=l5test.com 5월 23일 확인 |확인날짜=2012-05-23 |archive-date=2021-02-12 |archive-url=https://web.archive.org/web/20210212104100/http://html5test.com/results/desktop.html |url-status= }}</ref>!! Ver !! HTML5 검사 점수(500)<br />2012년 12월 11일<ref>{{웹 인용 |url=http://html5test.com/results/desktop.html |제목=l5test.com 12월 11일 확인 |확인날짜=2012-05-23 |archive-date=2021-02-12 |archive-url=https://web.archive.org/web/20210212104100/http://html5test.com/results/desktop.html |url-status= }}</ref>!! Ver !! HTML5 검사 점수(500)<br />2013년 4월 7일<ref>{{웹 인용 |url=http://html5test.com/results/desktop.html |제목=l5test.com 4월 7일 확인 |확인날짜=2012-05-23 |archive-date=2021-02-12 |archive-url=https://web.archive.org/web/20210212104100/http://html5test.com/results/desktop.html |url-status= }}</ref>!! Ver !! HTML5 검사 점수(500)<br />2013년 8월 16일<ref>{{웹 인용 |url=http://html5test.com/results/desktop.html |제목=l5test.com 8월 16일 확인 |확인날짜=2012-05-23 |archive-date=2021-02-12 |archive-url=https://web.archive.org/web/20210212104100/http://html5test.com/results/desktop.html |url-status= }}</ref>
|-
! {{rh}} | [[구글 크롬|크롬]] ||  16.0 || {{No|373/475}} || 18 || 400 || 23 || 448 || 28(dev) || {{No|468}} || 28 || 463
|-
! {{rh}} | [[모질라 파이어폭스|파이어폭스]] ||10.0 || 332/475 || 12 || 345 || 16 || 372 || 20 || 394 || 22 || 410
|-
! {{rh}} | [[오페라 (웹 브라우저)|오페라]]||11.60 || 329/475 || 11.60 || 338 || - || -  || - || -  || 15 || 423
|-
! {{rh}} | [[오페라 (웹 브라우저)|오페라]] ||12 알파 || 344/475 || 12.00 || 385 || 12.10 || 419 || - || - || - || -
|-
! {{rh}} | [[애플 사파리]]|| 5.1 || 302/475 || 5.1 || 317 || 6.0 || 378 || - || - || 6.0 || 378
|-
! {{rh}} | [[인터넷 익스플로러]] ||9 || 141/475 || 9 || 138  || - || -  || - || - || - || -
|-
! {{rh}} | [[인터넷 익스플로러]] ||10 || 306/475 || 10  || 316 || 10  || 320 || - || - || 10 || 320
|-
! {{rh}} | [[맥스톤]]  || - || - || 3.3.7  || {{No|437}} || 3.4.5  || {{No|457}} || - || - || 4.0 || No|476
|-
! {{rh}} | [[iOS]]  || - || - || -  || - || -  || - || - || - || 7.0 || 404
|-
! {{rh}} | [[구글 크롬|크롬 (모바일)]]  || - || - || -  || - || -  || - || - || - || 25 || 417
|-
! {{rh}} | [[블랙베리 OS|블랙베리 (모바일)]]  || - || - || -  || - || -  || - || - || - || 10.1 || {{No|485}}
|-
! {{rh}} | [[킨들|킨들 실크]]  || - || - || -  || - || -  || - || - || - || 2.2 || 358
|-
! {{rh}} | [[삼성 스마트 티비]]  || - || - || -  || - || -  || - || - || - || 2012 || 302
|-
! {{rh}} | [[샤프 아쿠오스]]  || - || - || -  || - || -  || - || - || - || 6.0.10 || 365
|}

== HTML5 기반 암호화 표준화 진행 ==
[[모질라]] 한국커뮤니티는 웹 표준 기반 HTML5 암호화 및 대한민국의 공인 인증서 등에 사용 가능한 [[W3C]] [https://web.archive.org/web/20180910140421/https://www.w3.org/TR/WebCryptoAPI/ 웹 크립토그래피 API]를 제안하였다.<ref>{{뉴스 인용|url=http://www.zdnet.co.kr/news/news_view.asp?artice_id=20120323121226|제목=ZDNet코리아|성=임|이름=민철|날짜=2012-03-23|뉴스=[단독]"액티브X 없이 공인인증서 쓴다.|출판사=|확인날짜=}}</ref><ref>[https://www.w3.org/2012/webcrypto/ W3.org 공식 웹크립토그래피]</ref><ref>https://www.w3.org/2011/11/webcryptography-charter.html</ref>
2014년 버전 이후로 W3C는 공식적으로 웹크립토그래피를 지원한다.<ref>[https://www.w3.org/TR/2014/CR-WebCryptoAPI-20141211/ W3C]</ref><ref>{{웹 인용 |url=https://www.w3.org/TR/WebCryptoAPI/ |제목=W3C |확인날짜=2018-09-13 |보존url=https://web.archive.org/web/20180910140421/https://www.w3.org/TR/WebCryptoAPI/ |보존날짜=2018-09-10 |url-status=dead }}</ref>

== 같이 보기 ==
* {{언어링크|en}} [[:en:Use of Ogg formats in HTML5|HTML5에서의 ogg 포맷]]
* {{언어링크|en}} [[:en:Comparison of layout engines (HTML5)|HTML5 레이아웃 엔진의 비교]]
* [[HTML5 비디오]]
* [[HTML]]
* [[XHTML]]
* [[CSS3]]
* [[SVG]]

== 각주 ==
{{각주}}

== 외부 링크 ==
* {{위키공용분류-줄}}
* [http://www.whatwg.org/ WHAT Working Group]
* [http://www.w3.org/html/wg/ W3C HTML Working Group] {{웨이백|url=http://www.w3.org/html/wg/ |date=20110228215152 }}
* [http://dev.w3.org/html5/spec/spec.html WHATWG 편집자 초안]
* [http://dev.w3.org/html5/spec/spec.html W3C 편집자 초안]
* [http://dev.w3.org/html5/html4-differences/ HTML4와 차이점] {{웨이백|url=http://dev.w3.org/html5/html4-differences/ |date=20130330024909 }}
* {{언어링크|en}} [http://www.infoworld.com/article/2627336/html5/how-html5-will-change-the-web.html How HTML5 will change the Web (HTML5는 웹을 어떻게 바꿀 것인가)]
* {{언어링크|en}} [http://www.html5test.com/results.html HTML5 호환성 점수 보기] {{웨이백|url=http://www.html5test.com/results.html |date=20110923154753 }}

{{리치 인터넷 애플리케이션}}
{{W3C 표준}}
{{웹 브라우저}}

{{전거 통제}}

[[분류:HTML5| ]]
[[분류:마크업 언어]]
[[분류:HTML]]
[[분류:W3C 표준]]
[[분류:2014년 소프트웨어]]