2016年10月31日月曜日

HTML 5

<!DOCTYPE html>

Specification

whatwg.org/html5

Mailing lists

whatwg.org/mailing-list

IRC channel

irc://irc.freenode.org/whatwg

Sectioning content

article

A composition that forms an independent part of a document, page, application, or site.

aside

Content that is tangentially related to the content around the aside element

nav

A section with navigation links.

section

A generic document or application section.

Heading content

h1h2h3h4h5h6

hgroup

Used to group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.

<hgroup>

  <h3>The Diamond Age</h3>

  <h4>or A Young Lady's

Illustrated Primer</h4>

</hgroup>

Flow content

header

A group of introductory or navigational aids.

footer

A footer for its nearest ancestor sectioning content. Typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

figure

Content, optionally with a figcaption, that is self-contained and is typically referenced as a single unit from the main flow of the document.

Interactive content

audio

<audio src="audio.mp3"

controls preload="none"

autoplay loop>

</audio>

video

<video width=360 height=240

controls poster="image.jpg">

<source src="movie.mp4"

type="video/mp4">

<source src="movie.ogg"

type="video/ogg">

</video>

Use either the src attribute or source elements.

Phrasing content

mark

A run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.

time

A time on a 24 hour clock, or a precise date in the Gregorian calendar.

<time datetime="2009-09-02">

September 2nd, 2009

</time>

The Boolean attribute pubdateindicates the publication date of an article.

input types

searchtelemailurldatetimedatetime-localdatemonthweektime

number

A text field or spinner control.

<input type="number" min=0 max=10>

range

A slider control.

<input type="range" min=0 max=100>

color

A colour well.

<input type="color" value="#000000">

Metadata content

style

The type attribute is optional.

The optional scoped attribute indicates that the styles are intended just for the subtree rooted at the style element's parent element, as opposed to the whole document.

script

The type attribute is optional.

Character encoding

<meta charset="utf-8">

 

0 件のコメント:

コメントを投稿