All notes, in reading order - Page 22

Page Landmarks: header, nav, main and footer

Four elements divide a page into regions a screen reader can jump between. Learn the rules for each, including the one that says main appears exactly...

HTML

section, article and aside

The three most argued about elements in HTML. There are clear tests for each, and once you know them the choice stops being a matter of taste.

HTML

details, summary, time, address and other Semantic Elements

A disclosure widget with no JavaScript, machine readable dates, contact details and a progress bar. Small elements that replace a surprising amount of...

HTML

div and span: When Nothing Else Fits

Two elements with no meaning at all, and that is the point. Learn what they are for, why they are not a failure, and how to know you have too many.

HTML

What HTML5 Actually Means

HTML5 is not a version you upgrade to. It is the name for a shift from a frozen specification to a living standard, and for the elements and APIs that...

HTML

Data Attributes: Storing Your Own Data in Markup

A legitimate way to attach custom information to an element, readable from CSS and JavaScript, without inventing invalid attributes.

HTML

The canvas Element

A blank bitmap you draw on with JavaScript. Powerful for graphics and games, and invisible to every reader who cannot see the screen.

HTML

SVG in HTML

Vector graphics that scale perfectly, weigh almost nothing and can be styled with CSS. Learn inline SVG, SVG as an image, and how to make one accessib...

HTML

Web Storage and Browser APIs from a Page

localStorage, sessionStorage and geolocation. What a page can remember, what it must ask permission for, and what should never be stored in the browse...

HTML

The template Element

Markup that is parsed but not rendered, waiting to be cloned. The clean way to build repeated content in JavaScript without writing HTML as strings.

HTML

The dialog Element: Native Modals

Modals with focus trapping, backdrop, Escape handling and inertness supplied by the browser. A component that used to need a library is now one elemen...

HTML

The head Element and the Page Title

Nothing in the head is drawn, and yet it decides how the page is found, shared, cached and rendered. The title alone is the most valuable line of mark...