************
HTML5 Doctor
************
---------------------------------
Helping you implement HTML5 today
---------------------------------
( http://html5doctor.com )
* About ( http://html5doctor.com/about/ )
* RSS ( http://feeds2.feedburner.com/html5doctor )
* Comments RSS ( http://feeds.feedburner.com/HTML5DoctorComments )
* Doctor Network ( # )
* HTML5 Gallery ( http://html5gallery.com )
* Docteur HTML5 ( http://docteurhtml5.com/html5/ )
* HTML5 Doctor on Github ( https://github.com/html5doctor/ )
* Home ( http://html5doctor.com/ )
* Article Archive ( http://html5doctor.com/article-archive/ )
* Element Index ( http://html5doctor.com/element-index/ )
* Resources ( http://html5doctor.com/resources/ )
*
*****************************************************************
Computer says NO to HTML5 document outline
( http://html5doctor.com/computer-says-no-to-html5-document-outline/ )
*****************************************************************
June 9th, 2016 by Steve Faulkner
( http://html5doctor.com/author/stevef/ ).
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
XTML promised land, but […]
Read full post
( http://html5doctor.com/computer-says-no-to-html5-document-outline/ )
Recent Comments
---------------
* Steven Vachon ( https://www.svachon.com/ ) on The details and
summary elements
( http://html5doctor.com/the-details-and-summary-elements/#comment-2167338 )
* Mark Excell ( https://www.xlcreative.design/ ) on The Footer
Element Update
( http://html5doctor.com/the-footer-element-update/#comment-2151659 )
* Patanjali on Computer says NO to HTML5 document outline
( http://html5doctor.com/computer-says-no-to-html5-document-outline/#comment-2150802 )
* Patanjali on The figure & figcaption elements
( http://html5doctor.com/the-figure-figcaption-elements/#comment-2150788 )
* Patanjali on Quoting and citing with
, , ,
and the cite attribute
( http://html5doctor.com/blockquote-q-cite/#comment-2150781 )
*************************************************************
HTML5 Element Index ( http://html5doctor.com/element-index/ )
*************************************************************
----
Head
----
* doctype
( http://html5doctor.com/element-index/#doctype )
* html ( http://html5doctor.com/element-index/#html )
* head ( http://html5doctor.com/element-index/#head )
* title ( http://html5doctor.com/element-index/#title )
* base ( http://html5doctor.com/element-index/#base )
* link ( http://html5doctor.com/element-index/#link )
* meta ( http://html5doctor.com/element-index/#meta )
* style ( http://html5doctor.com/element-index/#style )
* script ( http://html5doctor.com/element-index/#script )
* noscript ( http://html5doctor.com/element-index/#noscript )
--------
Sections
--------
* body ( http://html5doctor.com/element-index/#body )
* article ( http://html5doctor.com/element-index/#article )
* nav ( http://html5doctor.com/element-index/#nav )
* aside ( http://html5doctor.com/element-index/#aside )
* section ( http://html5doctor.com/element-index/#section )
* header ( http://html5doctor.com/element-index/#header )
* footer ( http://html5doctor.com/element-index/#footer )
* h1-h6 ( http://html5doctor.com/element-index/#h1-h6 )
* main ( http://html5doctor.com/element-index/#main-desc )
* address ( http://html5doctor.com/element-index/#address )
--------
Grouping
--------
* p ( http://html5doctor.com/element-index/#p )
* hr ( http://html5doctor.com/element-index/#hr )
* pre ( http://html5doctor.com/element-index/#pre )
* blockquote ( http://html5doctor.com/element-index/#blockquote )
* ol ( http://html5doctor.com/element-index/#ol )
* ul ( http://html5doctor.com/element-index/#ul )
* li ( http://html5doctor.com/element-index/#li )
* dl, dt, dd ( http://html5doctor.com/element-index/#dl )
* figure ( http://html5doctor.com/element-index/#figure )
* figcaption ( http://html5doctor.com/element-index/#figcaption )
* div ( http://html5doctor.com/element-index/#div )
------
Tables
------
* table ( http://html5doctor.com/element-index/#table )
* caption ( http://html5doctor.com/element-index/#caption )
* thead ( http://html5doctor.com/element-index/#thead )
* tbody ( http://html5doctor.com/element-index/#tbody )
* tfoot ( http://html5doctor.com/element-index/#tfoot )
* tr ( http://html5doctor.com/element-index/#tr )
* th ( http://html5doctor.com/element-index/#th )
* td ( http://html5doctor.com/element-index/#td )
* col ( http://html5doctor.com/element-index/#col )
* colgroup ( http://html5doctor.com/element-index/#colgroup )
-----
Forms
-----
* form ( http://html5doctor.com/element-index/#form2 )
* fieldset ( http://html5doctor.com/element-index/#fieldset )
* legend ( http://html5doctor.com/element-index/#legend )
* label ( http://html5doctor.com/element-index/#label )
* input ( http://html5doctor.com/element-index/#input )
* button ( http://html5doctor.com/element-index/#button )
* select ( http://html5doctor.com/element-index/#select )
* datalist ( http://html5doctor.com/element-index/#datalist )
* optgroup ( http://html5doctor.com/element-index/#optgroup )
* option ( http://html5doctor.com/element-index/#option )
* textarea ( http://html5doctor.com/element-index/#textarea )
-------
Forms 2
-------
* keygen
( http://html5doctor.com/element-index/#keygen )
* output ( http://html5doctor.com/element-index/#output )
* progress ( http://html5doctor.com/element-index/#progress )
* meter ( http://html5doctor.com/element-index/#meter )
-----------
Interactive
-----------
* details
( http://html5doctor.com/element-index/#details )
* summary ( http://html5doctor.com/element-index/#summary )
* command ( http://html5doctor.com/element-index/#command )
* menu ( http://html5doctor.com/element-index/#menu )
-----
Edits
-----
* del, ins
( http://html5doctor.com/element-index/#del )
--------
Embedded
--------
* img ( http://html5doctor.com/element-index/#img )
* iframe ( http://html5doctor.com/element-index/#iframe )
* embed ( http://html5doctor.com/element-index/#embed )
* object ( http://html5doctor.com/element-index/#object )
* param ( http://html5doctor.com/element-index/#param )
* video ( http://html5doctor.com/element-index/#video )
* audio ( http://html5doctor.com/element-index/#audio )
* source ( http://html5doctor.com/element-index/#source )
* canvas ( http://html5doctor.com/element-index/#canvas )
* track ( http://html5doctor.com/element-index/#track )
* map ( http://html5doctor.com/element-index/#map )
* area ( http://html5doctor.com/element-index/#area )
----------
Text-level
----------
* a ( http://html5doctor.com/element-index/#a )
* em ( http://html5doctor.com/element-index/#em )
* strong ( http://html5doctor.com/element-index/#strong )
* i, b ( http://html5doctor.com/element-index/#i )
* u ( http://html5doctor.com/element-index/#u-def )
* s ( http://html5doctor.com/element-index/#s )
* small ( http://html5doctor.com/element-index/#small )
* abbr ( http://html5doctor.com/element-index/#abbr )
* q ( http://html5doctor.com/element-index/#q )
* cite ( http://html5doctor.com/element-index/#cite )
* dfn ( http://html5doctor.com/element-index/#dfn )
* sub, sup ( http://html5doctor.com/element-index/#sub )
------------
Text-level 2
------------
* time ( http://html5doctor.com/element-index/#time )
* code ( http://html5doctor.com/element-index/#code )
* kbd ( http://html5doctor.com/element-index/#kbd )
* samp ( http://html5doctor.com/element-index/#samp )
* var ( http://html5doctor.com/element-index/#var )
* mark ( http://html5doctor.com/element-index/#mark )
* bdi ( http://html5doctor.com/element-index/#bdi )
* bdo ( http://html5doctor.com/element-index/#bdo )
* ruby, rt, rp ( http://html5doctor.com/element-index/#ruby )
* span ( http://html5doctor.com/element-index/#span )
* br ( http://html5doctor.com/element-index/#br )
* wbr ( http://html5doctor.com/element-index/#wbr )
*****************************************************************
More Posts from HTML5 Doctor
( http://html5doctor.com/article-archive/ )
*****************************************************************
Grid
List
-->
-----------------------------------------------------------------
The woes of date input
( http://html5doctor.com/the-woes-of-date-input/ )
-----------------------------------------------------------------
January 19th, 2016 by Ian Devlin
( http://html5doctor.com/author/iand/ )
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
( http://html5doctor.com/html-developers-please-consider/ )
-----------------------------------------------------------------
December 9th, 2015 by Steve Faulkner
( http://html5doctor.com/author/stevef/ )
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)
( http://html5doctor.com/on-html-belts-and-aria-braces/ )
-----------------------------------------------------------------
April 14th, 2015 by Steve Faulkner
( http://html5doctor.com/author/stevef/ )
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
( http://html5doctor.com/html5-check-it-before-you-wreck-it-with-miketm-smith/ )
-----------------------------------------------------------------
December 9th, 2014 by Steve Faulkner
( http://html5doctor.com/author/stevef/ )
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 ( http://html5doctor.com/the-ride-to-5/ )
-------------------------------------------------------
October 28th, 2014 by Steve Faulkner
( http://html5doctor.com/author/stevef/ )
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
( http://html5doctor.com/web-manifest-specification/ )
-----------------------------------------------------------------
July 29th, 2014 by Bruce Lawson
( http://html5doctor.com/author/brucel/ )
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 ( http://html5doctor.com/using-aria-in-html/ )
-----------------------------------------------------------------
June 21st, 2014 by Steve Faulkner
( http://html5doctor.com/author/stevef/ )
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
( http://html5doctor.com/responsive-images-end-of-year-report/ )
-----------------------------------------------------------------
November 12th, 2013 by Bruce Lawson
( http://html5doctor.com/author/brucel/ )
It’s nearly two years since I suggested a
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.
Find more articles in the complete HTML5 Doctor
archive ( http://html5doctor.com/article-archive/ )
Sponsors
--------
HTML5 Gallery
-------------
( http://html5gallery.com/ )
Beginning HTML5 & CSS3 ( http://thewebevolved.com )
-------------------------------------------------------
Cover image of Beginning HTML5 and CSS3: The Web Evolved.
( http://thewebevolved.com )
The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark,
Oli Studholme, Christopher Murphy and Divya Manian.
Buy it now ( http://thewebevolved.com )
Dive into HTML5 ( http://diveinto.html5doctor.com )
---------------------------------------------------
Sadly, Mark Pilgrim has stopped maintaining this
project. Along with other members of the web community we want to
see it continue. We’re hosting a copy and plan to help keep it
up-to-date.
Read Dive into HTML5 ( http://diveinto.html5doctor.com )
W3C HTML5 logo (not CSS3!)
This site is licensed under a Creative Commons
Attribution-Non-Commercial 2.0
( http://creativecommons.org/licenses/by-nc/2.0/uk/ ) share alike
license. Feel free to change, reuse modify and extend it. Some
authors will retain their copyright on certain articles.
Copyright © 2019 HTML5 Doctor. All rights reserved.
Hosted by (mt) Media Temple
( http://www.mediatemple.net/go/order/?refdom=richclarkdesign.com )
. Branding by Oliver Ker ( http://olik.co.uk/