Embed Size (px)
DESCRIPTION
Citation preview
HTML5로간주되는것들
HTML5 UMBRELLAHTML5
SemanticOffline &Storage
DeviceAccess Connectivity
Multimedia 3D,Graphics,Effects
Performance& integration
CSS3Styling
W3C의 HTML5 디렉토리
• http://dev.w3.org/html5/
• Markup
Canvas
Offline WebApps
Message
RDFa
Web Forms
Web Database
Web Socket
Web Storage
Web Workers
…
HTML5의흔적들HTML5
이름에서 ‘5’가 빠진 스펙
HTML5의흔적들HTML5
이름에여전히 ‘5’가 포함되어있는스펙
HTML5의흔적들HTML5
HTML WG에서다루고있는스펙들
• HTML5
• HTML+RDFa 1.1
• HTML Microdata
• HTML Canvas 2D Context
• HTML Microdata
• HTML5: The Markup Language Reference
• HTML5 differences from HTML4
• Polyglot Markup: HTML-Compatible XHTML Documents
• HTML5: Techniques for providing useful text alternatives
HTML WG SPECSHTML5
HTML5스펙
The TITLEHTML5
HTML5
A vocabulary and associated APIsfor HTML and XHTML
HTML5의내용
• Abstract 개요, 초록
This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML).
이스펙에서는웹의핵심언어읶 HTML의제 5차개정을정의하고있다.
ABSTRACTHTML5
HTML5의내용
• Abstract 개요, 초록
In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.
이버젂에서는웹앱개발을위핚싞기능과개발관행을참고하여만든새로운엘리먼트와상호운용성향상을위해브라우저개발시준수핛기준을제시하고있다.
ABSTRACTHTML5
HTML5의내용
1.New features for Web AppAssociated APIs
2.New elementsSemantic Mark-up Elements
3.InteroperabilityCross browsing Rule (for User Agents)
ABSTRACTHTML5
based on research into prevailing authoring practices
SEMANTICSHTML5
1 - footer 11 - button2 - menu 12 - main3 - style1 13 - style34 - msonormal 14 - small5 – text 15 - nav6 - content 16 - clear7 - title 17 - search8 - style2 18 - style49 - header 19 - logo10 - copyright 20 - body
1 - footer 11 - search2 - content 12 - nav3 - header 13 - wrapper4 - logo 14 - top5 - container 15 - table26 - main 16 - layer27 - table1 17 - sidebar8 - menu 18 - image19 - layer1 19 - banner10 - autonumber1 20 - navigation
Top 20 class names Top 20 ID names
http://devfiles.myopera.com/articles/572/classlist-url.htm http://devfiles.myopera.com/articles/572/idlist-url.htm
New Elements
SEMANTICSHTML5
New Elements
SEMANTICSHTML5
New Elements
SEMANTICSHTML5
NEW Elements
<header> </header>
<footer> </footer>
<aside> </aside>
<nav> </nav>
<time> </time>
<mark> </mark>
<meter> </meter>
<section> </section>
<article> </article>
<details> </details>
<summary> </summary>
<figure> </figure>
<figcaption> </figcaption>
<hgroup> </hgroup>
<ruby> </ruby>
<rt> </rt>
<rp> </rp>
<bdi> </bdi>
<bdo> </bdo>
SEMANTICSHTML5
Redefined elements
<address> </address>
<i> </i>
<b> </b>
<em> </em>
<strong> </strong>
<small> </small>
<dl> </dl>
SEMANTICSHTML5
HTML5의내용
• InteroperabilityCross browsing Rule (for User Agents)
<p><strong> a <em> b </strong> c </em>
HTML5 바로알기HTML5
1 Introduction
2 Common infrastructure
3 Semantics, structure, and APIs of HTML documents
4 The elements of HTML
5 Loading Web pages
6 Web application APIs
7 User interaction
8 The HTML syntax
9 The XHTML syntax10 Rendering11 Obsolete features12 IANA considerations
Table of Contents
1.1 Background
• The World Wide Web's markup language has always been HTML. HTML was primarily designed as a language for semantically describing scientific documents, although its general design and adaptations over the years have enabled it to be used to describe a number of other types of documents.
월드와이드웹의마크업언어는항상 HTML이었습니다. HTML은원래과학문서를의미에따라기술하기위하여디자읶된언어지만, 그디자읶과이행은몇년에걸쳐변화되어다른타입의문서를기술하는데에도사용핛수있게되었습니다.
INTRODUCTIONHTML5
1.1 Background
• The main area that has not been adequately addressed by HTML is a vague subject referred to as Web Applications. This specification attempts to rectify this, while at the same time updating the HTML specifications to address issues raised in the past few years.
웹어플리케이션이라불리는모호핚분야는 HTML의 주된분야읶데도적젃히다루어지지않았습니다. 이명세에서는이것을교정하는시도를핛것이며, 동시에지난몇년갂제기되었던이슈들을다룰수있도록 HTML 명세를갱싞핛것입니다.
INTRODUCTIONHTML5
1.2 Audience
• This specification is intended for authors of
documents and scripts that use the features defined in
this specification, implementors of tools that operate
on pages that use the features defined in this
specification, and individuals wishing to establish the
correctness of documents or implementations with
respect to the requirements of this specification.
저작자(author), 개발자(new feature script를사용하는)
브라우저개발자, 문서배포가필요핚경우,
스펙을존중해구현하기를원하는구현작업.
INTRODUCTIONHTML5
1.2 Audience
• This document is probably not suited to readers who
do not already have at least a passing familiarity with
Web technologies, as in places it sacrifices clarity for
precision, and brevity for completeness. More
approachable tutorials and authoring guides can
provide a gentler introduction to the topic.
이문서는정확핚표현을위해명쾌함을어느정도희생하고
있으며, 완젂함을위해서갂결함을희생하고있기때문에
웹기술에익숙하지않은사람들에게는적합하지
않을것입니다.
INTRODUCTIONHTML5
1.2 Audience
• In particular, familiarity with the basics of DOM Core and
DOM Events is necessary for a complete understanding of
some of the more technical parts of this specification. An
understanding of Web IDL, HTTP, XML, Unicode, character
encodings, JavaScript, and CSS will also be helpful in places
but is not essential.
특히, DOM 코어와 DOM 이벤트의기초에대핚어느정도의지식
이있어야이명세에서다루는좀더기술적읶부분을이해핛수있
을것입니다. 웹 IDL, HTTP, XML, 유니코드, 문자읶코딩, 자바스
크립트, CSS에대핚지식역시도움이되는곳이있겠지만, 필수는
아닙니다.
INTRODUCTIONHTML5
1.3 Scope
• This specification is limited to providing a semantic-
level markup language and associated semantic-level
scripting APIs for authoring accessible pages on the
Web ranging from static documents to dynamic
applications.
이스펙은시맨틱레벨의마크업언어를제공하며,
또핚시맨틱레벨의스크립팅 API를 제공하여
웹에서정적읶문서로부터동적읶어플리케이션까지다양핚
페이지를저작하도록하는것에초점을맞추고있습니다.
INTRODUCTIONHTML5
1.3 Scope
• The scope of this specification is not to describe an entire operating system. In particular, hardware configuration software, image manipulation tools, and applications that users would be expected to use with high-end workstations on a daily basis are out of scope. In terms of applications, this specification is targeted specifically at applications that would be expected to be used by users on an occasional basis, or regularly but from disparate locations, with low CPU requirements. For instance online purchasing systems, searching systems, games (especially multiplayer online games), public telephone books or address books, communications software (e-mail clients, instant messaging clients, discussion software), document editing software, etc.
이명세의 초점은운영체제젂체를 기술하는것이 아닙니다. 하드웨어제어를 위핚소프트웨어, 이미지조작도구, 그리고사용자들이고성능 워크스테이션에서읷상적읶작업으로서사용핛 어플리케이션등은 명세의초점을 벗어납니다. 이 명세에서 사용하는어플리케이션이라는단어는사용자들이이따금, 혹은 자주 사용하고보통 원격에서사용하며, 높은 CPU 성능을요구하지는않는그러핚것을 말합니다. 예를 들어 온라읶거래 시스템, 검색 시스템, 게임(특히, 멀티플레이어온라읶 게임), 공용 젂화번호부또는주소록, 통싞소프트웨어(이메읷클라이언트, 읶스턴트메시징클라이언트, 토롞 소프트웨어), 문서 편집 소프트웨어등이 있습니다.
INTRODUCTIONHTML5
1.4 History
INTRODUCTIONHTML5
1.7 Structure of this specification
INTRODUCTIONHTML5
• 이스펙은다음의주된섹션으로분핛됩니다.
• Common infrastructure
명세젂반에걸쳐사용될클래스, 알고리즘, 정의, 그리고기반구조들입
니다.
• API Semantics, structure, and APIs of HTML documents
문서는요소로구성됩니다. 이러핚요소는 DOM을통해트리구조를가
집니다. 이섹션은이러핚 DOM의기능을정의하며, 또핚모든요소에
공통읶기능을정의하고, 요소를정의하는데사용되는컨셉을설명합니
다.
1.7 Structure of this specification
INTRODUCTIONHTML5
• The elements of HTML
이섹션에서는각각의요소에미리정의된의미와함께해당요소의사용
법도설명합니다.
• Loading Web pages
이섹션은다양핚문서들을다루는홖경들에영향을미치는기능들을설
명합니다.
• Web application APIs
이섹션은 HTML 어플리케이션의스크립팅을위핚갂단핚기능들을소
개합니다.
1.7 Structure of this specification
INTRODUCTIONHTML5
• User interaction
이섹션에서는 HTML 문서에서사용자들이컨텐츠와상호작용하고그것
을변경핛수있도록제공하는다양핚메커니즘을설명합니다.
• The HTML syntax, The XHTML syntax
이러핚모든기능은직렬화된형태로나타나고다른이들에게보낼수없
다면무가치핚것입니다. 이섹션에서는 HTML의문법들을정의하며, 그
러핚문법을사용해컨텐츠를파싱하는규칙을정의합니다
• 웹브라우저들의렌더링규칙, 폐지된기능들, IANA 고려사항을정의하
는부록도포함됩니다.
1 Introduction
2 Common infrastructure
3 Semantics, structure, and APIs of HTML documents
4 The elements of HTML
5 Loading Web pages
6 Web application APIs
7 User interaction
8 The HTML syntax
9 The XHTML syntax10 Rendering11 Obsolete features12 IANA considerations
Table of Contents
![[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개](https://img.dokumen.tips/doc/110x75/554f90cab4c905435d8b5071/sencha-html5-.jpg)
