CanIUse.com
Although many features of HTML are well supported
on the web, the newer elements like <dialog> are not
completely covered by all browsers.
The Can I Use database lists all HTML elements
and shows which features about them are supported
by different browsers and are sorted by popularity.
Any known quirks between browsers are helpfully
highlighted and referenced.HTML5 for Web Designers
This short book by Jeremy Keith and Rachel Andrew
(https://abookapart.com/products/html5-for-web-
designers) details much of the history of HTML, the
need for a standardisation in HTML5 and where the
language is heading in the future.
While aimed at priming designers for development
work, there is plenty of useful guidance to work as a
refresher for any developer.For numeric data that has a defined range, the
of what that data means in context. The
browser can conditionally style the element to
warn of overly high or low values.
A
For that, the
A description list (
- ) groups a set of terms and their
- element,
followed by a description within a - . Multiple terms
can be defined by one description and vice-versa. The order is
the only thing that matters.
- Element
- A group consisting of a start tag, contents, and an end tag.
Each browser can be
scaled based on the
global breakdown of
people using those
browsers
The book details
how HTML5 has
simplified the
language and
made things more
semantic
Pickering
demonstrates that
having solid HTML
underpinning is
key to keeping
components
approachable for
everyone
Inclusive Components
Heydon Pickering has created the useful Inclusive
Components project (https://inclusive-components.
design) as a way to document standardised HTML
structure for everyday patterns.
Many people rely on browsers understanding the
meaning of content on pages. By building common
features such as toggle buttons and collapsible
sections using the right elements, we can help these
people out as much as possible.
The appearance
of <meter> varies
by browser, but it
can be controlled
by styling
pseudo-elements
individually
While a specific date or time in a sentence may be
obvious in context, machines parsing that content
might not understand. The <time> element separates a
date or time from the rest of the sentence and can
provide a datetime attribute that shows the date in a
format that is easier for machines to parse.
GenerateJS is happening on the <time datetime=”2020-04-02”>2nd
April</time>!
Hot new HTML tags
descriptions. It is used for sets of key-value pairs
such as a glossary.
Each term is contained within a