HTML flash cards: Journeyman level

87 HTML terms at the Journeyman level, as flash cards.

Updated October 16, 2026

Terms in this deck

_blank target: A target keyword requesting a new top-level browsing context, commonly a new tab.
<area>: The element that defines one clickable region and destination in an image map.
<audio>: The element that embeds sound content and can provide browser playback controls.
<base>: The element that sets the base URL used to resolve relative URLs in a document.
<bdi>: The element that isolates text whose direction may differ from its surroundings.
<bdo>: The element that overrides the normal bidirectional ordering of its text.
<canvas>: The element that provides a bitmap drawing surface normally controlled through scripting.
<details>: The element that contains additional information a user can reveal or hide.
<dialog>: The element that represents a dialog box or other temporary interactive component.
<embed>: The element that embeds external content handled by the browser or a supported plugin.
<iframe>: The element that embeds another HTML page as a nested browsing context.
<link>: The element that declares a relationship between the document and another resource.
<map>: The element that defines a collection of interactive areas for an image map.
<meta>: The element for metadata that cannot be expressed by title, base, link, style, or script.
<noscript>: The element that provides alternate HTML when scripting is disabled or unsupported.
<object>: The element that embeds an external resource and can contain fallback content.
<picture>: The element that offers image sources for responsive selection before a required img element.
<rp>: The element providing fallback parentheses for browsers that do not render ruby annotations.
<rt>: The element containing ruby pronunciation or annotation text.
<ruby>: The element that groups base text with its ruby annotations.
<source>: The element that supplies an alternative media or image resource for its parent.
<summary>: The element that provides the visible label or summary for its parent details element.
<track>: The element that adds timed text data, such as captions, to audio or video.
<video>: The element that embeds video content and can provide browser playback controls.
<wbr>: The element that marks a place where a browser may break a line if needed.
Accessible name: The text assistive technology uses to identify an interface element.
accesskey: A global attribute suggesting a keyboard shortcut for activating or focusing an element.
ARIA role: A role that communicates an element's purpose to accessibility tools when native semantics are insufficient.
aria-describedby: An ARIA attribute that identifies elements providing an accessible description.
aria-hidden: An ARIA attribute that removes an element and its descendants from the accessibility tree when true.
aria-label: An ARIA attribute that supplies an accessible name as a text value.
aria-labelledby: An ARIA attribute that uses other elements' text to form an accessible name.
Art direction: Providing differently composed or cropped images for different presentation conditions.
autoplay: A Boolean attribute requesting that media start playing as soon as allowed.
Bidirectional isolation: Keeping one text segment's direction from unexpectedly affecting surrounding bidirectional text.
Canonical link: A link identifying the preferred URL for content available through multiple URLs.
Captions track: A text track containing dialogue and relevant sound information for people who cannot hear the audio.
Character encoding declaration: Markup near the start of a document that declares its text encoding as UTF-8.
contenteditable: A global attribute indicating whether the user can edit an element's content.
Custom data attribute: An attribute beginning with data- that stores page-specific data on an element.
defer: A Boolean classic-script attribute that delays execution until parsing finishes while preserving document order.
dir attribute: The attribute that sets left-to-right, right-to-left, or automatically determined text direction.
Document language: The primary human language of a document or element's text.
Document metadata: Information about a document, such as its title, encoding, language, and related resources.
draggable: A global attribute indicating whether an element can be dragged through native drag and drop.
External script: A script loaded from a separate resource through a script element's src attribute.
Favicon: An icon associated with a website or page for browser tabs, bookmarks, and similar interfaces.
hidden: A global attribute indicating that an element is not currently relevant and should not be presented.
Image candidate: One image resource the browser may choose from a responsive image source set.
Image map: An image with defined regions that link to different destinations.
Inline script: Script code written directly inside a script element.
lang attribute: The attribute that declares the human language of an element's content.
Lazy loading: Delaying an off-screen resource until it is likely to be needed.
Left-to-right text: Text whose main reading direction proceeds from left to right.
Link relationship: A keyword describing how the current document and a linked resource are related.
loading attribute: An attribute that hints whether an image or iframe should load immediately or lazily.
loop: A Boolean attribute that makes media begin again after it finishes.
Media controls: Browser-provided controls for playing, pausing, seeking, and adjusting media.
Meta content: The value supplied for a named piece of metadata.
Meta description: A short document summary supplied as metadata, often used by search and sharing tools.
Meta name: The name identifying which document-level metadata a meta element supplies.
Module script: A script processed as a JavaScript module with imports, strict mode, and module scoping.
muted: A Boolean attribute that initially silences an audio or video element.
noopener: A link relationship that prevents a newly opened page from receiving an opener reference.
noreferrer: A link relationship that omits referrer information and also prevents an opener relationship.
open attribute: A Boolean attribute that makes a details element expanded or a dialog displayed.
Pixel density descriptor: A srcset descriptor stating an image resource's intended pixel-density scale.
preload: A media attribute that hints how much content the browser should load before playback.
rel attribute: The attribute containing one or more link relationship keywords.
Responsive image: An image setup that lets the browser select a suitable resource for the display and layout.
Right-to-left text: Text whose main reading direction proceeds from right to left.
Ruby annotation: Small pronunciation or explanatory text shown with East Asian base text.
sizes: An attribute describing an image's expected rendered width under different conditions.
spellcheck: A global attribute that hints whether editable text should receive spelling and grammar checking.
srcset: An attribute listing image candidates with width or pixel-density descriptors.
style attribute: A global attribute containing CSS declarations applied directly to one element.
Stylesheet link: A link element that loads an external CSS stylesheet.
Subtitles track: A text track translating or transcribing dialogue for viewers who can hear but may not understand it.
tabindex: A global attribute that controls whether and where an element participates in sequential focus navigation.
target attribute: An attribute that names where a linked or submitted document should open.
Text direction: The direction in which text and inline content progress.
Text track: Time-based text or metadata associated with audio or video.
translate: A global attribute indicating whether an element's text and translatable attribute values should be translated.
usemap: The attribute that connects an image to a map element by fragment identifier.
Video poster: An image displayed in a video element before video frames are available.
Viewport metadata: Metadata that guides how a page's viewport is sized and scaled on mobile devices.
Width descriptor: A srcset descriptor stating an image resource's intrinsic width in pixels.

Read them in the glossary