HTML
Nested Lists and Multi Level Menus
A sublist goes inside the li it belongs to, not beside it. That one rule fixes almost every broken nested list, and it is what makes a multi level men...
#Accessibility
Markup that works for every reader and every input device.
31 notes tagged
HTML
Audio and Video in HTML
Native media playback with no plugin. Learn the controls, the source fallback pattern, autoplay rules that will catch you out, and why captions are no...
HTML
Writing Alt Text That Actually Helps
Alt text is not a caption, not a keyword list and not a file name. Learn the decision tree that tells you what to write, and when to write nothing at...
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
Fragment Links and In Page Navigation
Link to a spot on the same page with an id and a hash. The basis of tables of contents, skip links, footnotes and back to top links.
HTML
The Anchor Element: Turning Text Into a Link
One element built the web. Learn the href attribute, what makes link text good or useless, the target and rel attributes, and why a link is not a butt...
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.