HTML Notes - Page 7

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

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

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

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

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

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

Why Semantic HTML Matters

Two pages can look identical and be worlds apart. Semantic markup is what tells browsers, screen readers and search engines what each part of a page a...

HTML

GET or POST: What Happens When a Form Is Submitted

Two methods, two very different places for your data. Learn which to use, what is safe in a URL, and why neither is encrypted on its own.

HTML

Built In Form Validation

The browser can check most of a form before it is sent, with no JavaScript. Learn the attributes, the CSS hooks, and why none of it replaces server va...

HTML

Buttons: submit, reset and button

Three button types, one attribute, and a default that causes more accidental submissions than any other rule in HTML.

HTML

textarea, File Uploads and Hidden Fields

Three controls with their own rules: a textarea whose value is its content, a file input that needs the right enctype, and hidden fields that are not...

HTML

select, option, optgroup and datalist

Dropdowns done properly: grouping options, multiple selection, the placeholder option trick, and when a datalist beats a select.