HTML
Ordered and Unordered Lists
ul when the order does not matter, ol when it does. Plus the start, reversed, type and value attributes that most people never discover.
#Semantic HTML
Choosing elements for meaning rather than appearance.
19 notes tagged
HTML
figure and figcaption: Images With Captions
A figure is self contained content referred to from the main text. figcaption attaches a visible caption that stays associated with it in the accessib...
HTML
Building a Navigation Menu
A menu is a list of links inside a nav element. Learn the markup that makes it accessible, how to mark the current page, and how a dropdown should be...
HTML
Quotations, Code and Preformatted Text
blockquote, q, cite, abbr, code, pre, kbd and samp. Eight elements that make quoted material and technical text mean what it says.
HTML
The Small Text Elements: mark, small, del, ins, sub and sup
Six narrow elements that each solve one problem precisely: highlighting a match, fine print, tracked edits, and characters that sit above or below the...
HTML
Emphasis and Importance: strong, em, b and i
Four elements, two that look bold and two that look italic, and the pairs are not interchangeable. The difference is meaning, and screen readers act o...
HTML
Headings h1 to h6 and the Document Outline
Headings are the table of contents of your page. Choose the level from where the section sits in the outline, never from how big the text should look.