net - UK (2020-05)

Tables can be packed with information, but without a description the values inside may not be clear. Surrounding text may give some context, but a caption makes it explicit. The <caption> element should be the first inside the <table> it describes. By default, it appears above the table, but it can be adjusted using the caption-side CSS property.

<table> <caption>How many times a scoreline occurred by home and away teams</caption> [...] </table>

When form controls would be logically grouped, the

element can semantically link them together.
Groups of radio buttons are a perfect use-case for this
particular element. A disabled attribute on a

will
disable all inputs inside it.
Any

needs to be accompanied by a , which
provides a title for that group.

Remember me?
Yes label>
No label>

While a . By using the list
attribute on that element, it can
then be populated with a value
from this list, much like an
autocomplete function.

The MDN web docs site is the first

stop for many developers who need a

quick reminder of the essentials. MDN

(https://developer.mozilla.org) hosts a

comprehensive breakdown featuring

many web technologies, including CSS

properties and JavaScript APIs.

In particular its HTML section

(https://developer.mozilla.org/en-US/

docs/Web/HTML) provides a detailed

introduction to the fundamentals of

this key language. For beginners, it

talks through the basic structure of

a document. From there, different

tutorials introduce new concepts within

the language.

For those that already have the

basics covered, the MDN advanced

topics cover cross-origin policies and

how to preload content to optimise the

user experience – all without needing

to reach for JavaScript.

HTML specifications, while

important, can be difficult to read.

On MDN each element has a helpful

entry to walk through some of the

complicated jargon and even suggests

ways each one should, or should not,

be used. The included editor provides

a sandbox to quickly try out each

element to see if it’s the right fit. It’s

worth having a browse here, as many

common elements are more versatile

than on first glance.

Its content is constantly evolving,

much like the web itself. It’s therefore

worth keeping an eye on the release

notes (https://developer.mozilla.org/

en-US/docs/Learn/Release_notes) to see

what’s been updated each month.

Deprecated elements

still have their own

entry but will refer to a

more suitable, modern

alternative

Hot new HTML tags

net - UK (2020-05)

Get our desktop app

Company

Features

Documentation

Resources