HTML5 & CSS3.

Das neue World Wide Web?

HTML5

Spracherweiterungen

Sektionen

  • section
  • article
  • aside
  • nav
  • hgroup
  • header
  • footer

Grouping Content

  • figure
  • figcaption

Embedded Content

  • video
  • audio
  • embed
  • canvas
  • svg
  • math

Text-Level-Semantik

  • time
  • mark
  • ruby
  • rt
  • rp (kein Kreuz = Haken)

Interaktive Elemente

  • details
  • summary
  • command
  • menu

Forms

Formularfeldertypen

  • search
  • tel
  • email
  • url
  • date
  • month
  • week
  • time
  • datetime
  • datetime-local
  • number
  • range
  • color

Formularfelder-Attribute

  • autocomplete
  • autofocus
  • list
  • placeholder
  • min
  • max
  • multiple
  • pattern
  • required
  • step

Formularfelder-Elemente

  • datalist
  • keygen
  • output
  • progress
  • meter

APIs

Audio

  • ogg
  • webm
  • m4a (aac)
  • wav
  • mp3

Video

  • ogg
  • webm
  • h264

Offline Web Applications

Contenteditable

Drag and Drop

Session History (History Management)

  • window.history
  • history.pushState
  • history.replaceState

DOM

  • innerHTML
  • getElementsByClassName

CSS3

Selectors

  • [att^="val"]
  • [att$="val"]
  • [att*="val"]
  • :root
  • :nth-child()
  • :nth-last-child()
  • :nth-of-type()
  • :nth-last-of-type()
  • :first-child
  • :last-child
  • :first-of-type
  • :last-of-type
  • :only-child
  • :only-of-type
  • :empty
  • :not
  • :target test :target
  • :enabled
  • :disabled
  • :checked
  • E ~ F

Media Queries

  • or
  • and
  • not
  • only
  • width
  • height
  • device-width
  • device-height
  • orientation
  • aspect-ratio
  • device-aspect-ratio
  • color
  • color-index
  • monochrome
  • resolution
  • scan (nur für media="tv")
  • grid

Color

  • opacity
  • rgba()
  • hsla()

Backgrounds and Borders

  • background-repeat: space
  • background-repeat: round
  • Multiple backgrounds
  • background-clip
  • background-origin
  • background-size
  • border-radius
  • border-image
  • box-shadow

Font

  • @font-face
  • font-stretch
  • font-size-adjust

Multi-Column

  • columns
  • column-count
  • column-width
  • column-gap
  • column-rule
  • column-break
  • column-span
  • column-fill

Text

  • text-shadow
  • text-outline
  • word-wrap

Basic User Interface

  • box-sizing
  • resize

2D-Transformationen

  • transform
  • transform-origin

Transitions

  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay
Top