HTML
Articles and talks about HTML elements and attributes.
Elements
- a
A hyperlink.
- article
Represents a self-contained composition in a document, page, or application.
- button
A control allowing a user to trigger actions.
- details
A disclosure widget from which the user can obtain additional information.
- dialog
An element a user interacts with to perform a task.
- figure
Represents content, optionally with a caption, that is self-contained.
- h1 - h6
These elements represent headings for their sections.
- meter
A scalar measurement within a known range, or a fractional value.
- nav
Represents a section of a page that links to other pages.
- progress
Represents the completion progress of a task.
- section
Represents a generic section of a document or application.
- select
A control for selecting amongst a set of options.
- svg
SVG is a language for describing two-dimensional graphics.
- video
For playing videos or movies, and audio files with captions.
Attributes
- aria-current
Indicates the current item within a set of related elements.
- aria-describedby
Identifies the element (or elements) that describes the object.
- aria-details
Identifies the element that provides a detailed, extended description for the object.
- aria-flowto
Allows assistive technology to override the general default of reading in document source order.trigger. "
- aria-label
Defines a string value that labels the current element.
- aria-labelledby
Identifies the element (or elements) that labels the current element.
- aria-relevant
Indicates what notifications the user agent will trigger. "
- aria-roledescription
Defines a human-readable, author-localized description for the role of an element.
- data-
Stores data in a custom attribute.
- inert
Indicates that the element is to be made inert.
- lang
Specifies the primary language for the page or an element.
- loading
Enables form controls to accept one or more values.
- multiple
Enables form controls to accept one or more values.
- rel
Defines the type of link.
- tabindex
Sets tab order and defines whether an element can be focused or not."
- title
Represents advisory information for the element.
- type="date"
A control for setting the element’s value to a specific date
- type="number"
A control for setting the element’s value to a string representing a number.
- type="range"
Represents a control for setting the element’s value to a string representing a number.
- type="search"
A text field designed for the user to enter search queries into.