HTML glossary
44 terms found
Glossaries
Abbreviation
HTMLShortened form of a term marked up with `abbr`, often expanded through a `title` attribute.
The abbreviation `DOM` can be marked up with `abbr` to clarify its expanded meaning.
Accordion
HTMLInterface pattern that lets the user expand and collapse sections of content to reduce visual noise.
A FAQ block can use an accordion so learners only open the answer they need.
Alt Text
HTMLAlternative description provided through the `alt` attribute of an image so its meaning is still available without sight or without the file loading.
A product photo should use alt text that explains what the image shows.
Anchor
HTMLHTML link element written with `a`, often used with `href` to create navigation targets.
An anchor can jump to `#faq` inside the same page.
ARIA
HTMLAccessibility attribute system that helps describe custom interface behavior to assistive technologies when native HTML is not enough.
A custom toggle may expose `aria-expanded="true"` so a screen reader knows its panel is open.
Attribute
HTMLExtra information written inside an opening HTML tag to define details such as destination, type or description.
The `href` attribute tells a link where it should point.
Audio
HTMLHTML media element used to embed playable sound content in a page.
A narrated summary can be delivered through the `audio` element.
Body
HTMLThe part of an HTML document that contains the visible and interactive content of the page.
Headings, paragraphs and links belong in the body.
Canonical URL
HTMLPreferred URL declared for a page when multiple similar URLs might exist.
A canonical link can point to the main course URL instead of a filtered variation.
Core Web Vitals
HTMLA group of user-focused metrics that measure loading, visual stability and interaction quality.
Defining image dimensions helps improve Core Web Vitals by reducing layout shifts.
Datalist
HTMLElement that provides suggested values for an input without forcing the user into a closed selection.
A brand field can suggest car manufacturers through a datalist.
Definition List
HTMLList created with `dl` to pair terms with their explanations.
A short glossary can be marked up as a definition list.
Doctype
HTMLDeclaration that tells the browser to interpret the document using modern HTML standards mode.
A modern page starts with `<!DOCTYPE html>`.
Element
HTMLA complete HTML unit made of a tag and, when applicable, its content and closing tag.
A heading element can contain the main title of a page section.
Fieldset
HTMLForm element used to group related controls into one semantic block.
Vehicle details in a form can be grouped inside a fieldset.
Form
HTMLHTML structure used to collect and submit data entered by the user.
A registration form can ask for name, email and password.
Frontend
HTMLPart of web development that runs in the browser and includes structure, styling and user-facing behavior.
The layout of a page and its interactive buttons are part of the frontend.
Global Attribute
HTMLAttribute that can be used on many HTML elements, such as `id`, `class`, `title`, `hidden` or `data-*`.
A `class` attribute can be shared across several cards to apply the same styling pattern.
Head
HTMLThe document section that stores metadata such as title, charset, viewport settings and linked resources.
The page title lives in the head, not in the visible body content.
Heading
HTMLA structural title element such as `h1` to `h6` that defines hierarchy inside the page.
An `h1` often names the main topic of the page.
HTML
HTMLHyperText Markup Language. Markup language used to structure content on the web.
Tags such as `<header>`, `<nav>` and `<footer>` define the structure of a page.
Iframe
HTMLHTML element used to embed another browsing context, such as a video player or external page.
A YouTube video can be embedded with an iframe and a descriptive title.
Input
HTMLForm control element used to capture user data such as text, email, numbers or passwords.
An email input can trigger browser validation when the address format is invalid.
Keyboard Input
HTMLInline semantic representation of a key or shortcut, usually marked up with the `kbd` element.
The shortcut `Ctrl + S` can be shown with `kbd` elements.
Label
HTMLText element associated with a form control so users know what information the field expects.
A label reading `Email` should be connected to the email input.
Legend
HTMLCaption-like label that names the purpose of a `fieldset` group.
A legend such as `Vehicle details` helps explain what the grouped fields are about.
Link
HTMLNavigational connection created in HTML so users can move to another page, resource or section.
A link can take the user from the homepage to the HTML course page.
List
HTMLStructured group of related items represented in HTML with list elements such as `ul`, `ol` or `dl`.
A syllabus overview can be marked up as a list of lessons.
Meta Description
HTMLMetadata summary that describes the page for search and preview contexts.
A meta description can summarize a course page in one concise sentence.
Metadata
HTMLInformation about the document that helps browsers, search engines and tools understand how the page should be handled.
Charset and viewport tags are metadata stored in the head.
Meter
HTMLElement that represents a value within a known range, such as quality, risk or battery level.
A battery indicator can be marked up with `meter` instead of `progress`.
Ordered List
HTMLList created with `ol` when the sequence of the items matters.
A step-by-step tutorial usually uses an ordered list.
Paragraph
HTMLA block of text represented with the `p` element, usually used for one coherent idea or reading unit.
A long article is easier to read when its text is split into paragraphs.
Progress Bar
HTMLElement that represents how much of a task has been completed, usually marked up with `progress`.
A file upload can show 60 percent completion with a progress bar.
Script Async
HTMLA script loading strategy that downloads in parallel and runs as soon as it is ready, without preserving order.
An analytics tag can use `async` because it does not need to wait for the main app bundle.
Script Defer
HTMLA script loading strategy that downloads in parallel but runs after HTML parsing finishes, preserving order.
The main app script often uses `defer` so it does not block the first render.
Semantic HTML
HTMLUse of HTML elements according to their meaning and role instead of choosing them only for appearance.
Using `main`, `article` and `footer` is a semantic choice when those roles fit the content.
Structured Data
HTMLMachine-readable metadata, often provided with JSON-LD, that helps describe what the page content represents.
A course page can expose structured data that identifies it as a `Course`.
Table
HTMLHTML structure used to represent data organized in rows and columns.
A pricing comparison can be presented as a table with headers and body rows.
Table Caption
HTMLShort label that explains what a table represents as a whole.
A caption such as `Subscription plans` gives the whole table shared context.
Table Header
HTMLHeader cell marked up with `th` to describe a row or column in a table.
A table header can define the meaning of the `Price` column.
Tag
HTMLThe markup syntax used to define an HTML element, usually with an opening form and often a closing form.
The `p` tag defines a paragraph element.
Unordered List
HTMLList created with `ul` when the order of the items does not matter.
A feature list often works well as an unordered list.
Video
HTMLHTML media element used to embed playable video content in a page.
A lesson recording can be embedded with the `video` element and native controls.
No terms match the current search.