Computer says NO to HTML5 document outline

by Steve Faulkner.

What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like the X<H>TML promised land, but […]

Read full post

HTML5 Element Index

Head

  • doctype
  • html
  • head
  • title
  • base
  • link
  • meta
  • style
  • script
  • noscript

Sections

  • body
  • article
  • nav
  • aside
  • section
  • header
  • footer
  • h1-h6
  • main
  • address

Grouping

  • p
  • hr
  • pre
  • blockquote
  • ol
  • ul
  • li
  • dl, dt, dd
  • figure
  • figcaption
  • div

Tables

  • table
  • caption
  • thead
  • tbody
  • tfoot
  • tr
  • th
  • td
  • col
  • colgroup

Forms

  • form
  • fieldset
  • legend
  • label
  • input
  • button
  • select
  • datalist
  • optgroup
  • option
  • textarea

Forms 2

  • keygen
  • output
  • progress
  • meter

Interactive

  • details
  • summary
  • command
  • menu

Edits

  • del, ins

Embedded

  • img
  • iframe
  • embed
  • object
  • param
  • video
  • audio
  • source
  • canvas
  • track
  • map
  • area

Text-level

  • a
  • em
  • strong
  • i, b
  • u
  • s
  • small
  • abbr
  • q
  • cite
  • dfn
  • sub, sup

Text-level 2

  • time
  • code
  • kbd
  • samp
  • var
  • mark
  • bdi
  • bdo
  • ruby, rt, rp
  • span
  • br
  • wbr

More Posts from HTML5 Doctor

The woes of date input

by Ian Devlin

One of the many new input types that HTML5 introduced is the date input type which, in theory, should allow a developer to provide the user with a simple, usable, recognisable method of entering a date on a web page. But sadly, this input type has yet to reach its full potential. Briefly, the date […]

HTML Developers: Please Consider

by Steve Faulkner

ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces successfully.

On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)

by Steve Faulkner

The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no.

HTML5 - Check it Before you Wreck it with Mike[tm] Smith

by Steve Faulkner

The W3C’s Mike[tm] Smith (AKA @sideshowbarker) is the man with his head in the W3C validation markup checking tool source code; he makes the magic happen.  Questions were asked for the HTML5 Doctor reader’s delight and edification. Russian Translation: Не проверив HTML5-кода, не суйся в воду — с Майком™ Смитом First off tell us a bit about what you do and […]

The ride to 5

by Steve Faulkner

Forwards In recent weeks I contacted around 40 people, a cross section of those who have banged away at, or banged on about, HTML5. I asked them for their perspectives on HTML5 becoming a W3C Recommendation. Below are the words of the 28 people who responded, pretty much in the order they hit my inbox: […]

The W3C App Manifest specification

by Bruce Lawson

By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.) Update 11 November 2014 […]

Using ARIA in HTML

by Steve Faulkner

ARIA (WAI-ARIA if you want to be formal) is a set of attributes that you can add to HTML elements. These attributes communicate role, state and property semantics to assistive technologies via the accessibility APIs implemented in browsers. The W3C HTML specification provides information about which ARIA attributes are allowed to be used on each […]

Responsive images – end of year report

by Bruce Lawson

It’s nearly two years since I suggested a <picture> element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing.