HTML
The markup language every web page is written in, invented at CERN around 1990 as a simple way to tag documents and link them, and grown by thirty years of browser competition into an application platform.
HTML, the HyperText Markup Language, is the language web pages are written in. A document is text marked up with tags that say what each part is: a heading, a paragraph, a list, a link, an image. The browser reads the tags and builds a tree of elements, which scripts can then change; see Document Object Model.
Tim Berners-Lee designed it at CERN around 1990 as part of the World Wide Web. He borrowed the angle-bracket tag style from SGML, a document standard already used at CERN, and added the one feature that mattered most, the link. A 1991 description listed only about eighteen elements. Images came in 1993, when Marc Andreessen added an image tag to the Mosaic browser without waiting for agreement, which set a pattern.
Through the 1990s, browser makers added tags to win users, from blinking text to frames, and pages were written for one browser or the other. Standards bodies tried to catch up. The W3C published HTML 4 in 1997, then pushed toward XHTML, a strict version in which a single unclosed tag could stop a page from displaying at all.
Authors didn't follow. Most real pages were tag soup, full of unclosed and misnested tags, and browsers had to display them anyway; see Postel's Law. Each browser guessed differently, which made pages behave inconsistently. In 2004, people from Apple, Mozilla, and Opera formed a separate group to extend HTML instead. Their HTML5 did something no earlier version had: it specified exactly how to parse broken markup, so every browser now builds the same tree from the same mess. It also added video, audio, a drawing surface, and form controls that had needed plugins. Since 2019 a single continuously updated document has been the standard, with no further version numbers, though "HTML5" survives as a loose label for the modern web platform.
Old pages still work. A browser can still render a page from 1995, and the doctype line at the top of a file decides whether it uses old or modern layout rules.
Elements carry meaning as well as appearance. A nav element marks navigation, and a button announces itself as a button to a Screen Reader, which a styled div does not; see Semantic HTML. Appearance belongs to stylesheets. Pages built from meaningful markup work before scripts load and when they fail; see Progressive Enhancement.
Plain text formats such as Markdown exist mainly so writers don't have to type tags, and they're converted to HTML in the end. Developers can now define their own elements as well.
See also3
Cascading Style Sheets
The language that describes how web pages look, proposed in 1994 to separate presentation from structure, nearly sunk by inconsistent browser support, and grown since into a layout and animation system that does work once reserved for scripts.
Web Platform11 connections
Hydration
Attaching client-side behavior to server-rendered markup without rebuilding it.
Web Platform18 connections
Form Validation
Checking what people type into a web form before accepting it, done in the browser for fast feedback and on the server for safety, and harder than it looks because real names, addresses, and numbers break simple rules.
Web Platform11 connections
Linked from8
- Alt TextDesign & Interface
The short text that stands in for an image for people who can't see it, read aloud by screen readers and shown when images fail, which works best when it describes what the image is for rather than what it looks like.
- BlogWeb Platform
A website of dated posts shown newest first, named in 1997 and made easy by tools like Blogger and WordPress, which turned personal publishing into a mass habit before social networks absorbed much of it.
- Cascading Style SheetsWeb Platform
The language that describes how web pages look, proposed in 1994 to separate presentation from structure, nearly sunk by inconsistent browser support, and grown since into a layout and animation system that does work once reserved for scripts.
- Document Object ModelWeb Platform
The live tree of objects a browser builds from a document, and the surface every UI framework writes to.
- HydrationWeb Platform
Attaching client-side behavior to server-rendered markup without rebuilding it.
- MarkdownData & Content
A plain-text formatting syntax designed to be readable as written, now the default for technical writing.
- Screen ReaderDesign & Interface
Software that turns an interface into speech or braille for people who can't see the screen, which navigates by structure rather than reading top to bottom, and exposes every shortcut a sighted design took.
- Web ComponentsWeb Platform
A set of browser-native APIs for building reusable, encapsulated HTML elements without a framework.