Ny och ändrad mark-up i HTML5

Innehåll

Taxonomi för HTML-mark-up
- Flow / Structural
- Phrasing
The Semantic Web
Nya element
Ändrade element
Borttagna element

Ny och ändrad mark-up i HTML5

Nya strukturella element

"The Semantic Web":

Ny och ändrad mark-up i HTML5

Nya strukturella element (forts.)

Tag	Description
`<article>`	Defines an article
`<section>`	Defines a section in a document
`<nav>`	Defines navigation links
`<aside>`	Defines content aside from the page content
`<header>`	Defines a header for a document or section
`<command>`	Defines a command button that a user can invoke
`<details>`	Defines additional details that the user can view or hide

Exkluderade element:

Tag	Description
`<bdi>`	Isolates a part of text that might be formatted in a different direction from other text outside it
`<ruby>`	Defines a ruby annotation (for East Asian typography)
`<rt>`	Defines an explanation/pronunciation of characters (for East Asian typography)
`<rp>`	Defines what to show in browsers that do not support ruby annotations

Ny och ändrad mark-up i HTML5

Nya strukturella element (forts.)

Tag	Description
`<mark>`	Defines marked/highlighted text
`<meter>`	Defines a scalar measurement within a known range (a gauge)
`<progress>`	Represents the progress of a task
`<summary>`	Defines a visible heading for a `<details>` element
`<figure>`	Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
`<figcaption>`	Defines a caption for a `<figure>` element
`<footer>`	Defines a footer for a document or section

Exkluderade element:

Tag	Description
`<bdi>`	Isolates a part of text that might be formatted in a different direction from other text outside it
`<ruby>`	Defines a ruby annotation (for East Asian typography)
`<rt>`	Defines an explanation/pronunciation of characters (for East Asian typography)
`<rp>`	Defines what to show in browsers that do not support ruby annotations

Ny och ändrad mark-up i HTML5

Nya strukturella element (forts.)

Tag	Description
`<hgroup>`	Groups a set of `<h1>` to `<h6>` elements when a heading has multiple levels
`<time>`	Defines a date/time
`<wbr>`	Defines a possible line-break

Exkluderade element:

Tag	Description
`<bdi>`	Isolates a part of text that might be formatted in a different direction from other text outside it
`<ruby>`	Defines a ruby annotation (for East Asian typography)
`<rt>`	Defines an explanation/pronunciation of characters (for East Asian typography)
`<rp>`	Defines what to show in browsers that do not support ruby annotations

Ny och ändrad mark-up i HTML5

Nya multimedia-element

Tag	Description
`<audio>`	Defines sound content
`<video>`	Defines a video or movie
`<source>`	Defines multiple media resources for `<video>` and `<audio>`
`<track>`	Defines text tracks for `<video>` and `<audio>`
`<embed>`	Defines a container for an external application or interactive content (a plug-in)

Ny och ändrad mark-up i HTML5

Nya `<form>`-element

Tag	Description
`<datalist>`	Specifies a list of pre-defined options for input controls
`<keygen>`	Defines a key-pair generator field (for forms)
`<output>`	Defines the result of a calculation

Ny och ändrad mark-up i HTML5

Borttagna HTML-element

<acronym>

<applet>

<basefont>

<big>

<center>

<dir>

<font>

<frame> / <frameset> / <noframes>

<strike>

<tt>

Ny och ändrad mark-up i HTML5

Exempel

http://slides.html5rocks.com: Semantics & Markup

<Thank You!>

Important contact information goes here.