HTML Standards Variants and Evolution
Understand the differences between HTML Strict, Transitional, and Frameset variants, the transition from HTML to XHTML with its stricter syntax, and the evolution toward HTML5 and the HTML Living Standard.
Summary
Read Summary
Flashcards
Save Flashcards
Quiz
Take Quiz
Quick Practice
How does HTML 4 Strict handle presentational markup?
1 of 12
Summary
HTML 4 Specifications and Versions
Introduction
HTML 4 comes in three official versions, each designed for different purposes and migration needs. Understanding these versions is essential because they represent different philosophies about web development: whether to embrace modern best practices or support legacy code. The key distinction between versions centers on deprecated elements and attributes—features that are technically valid but discouraged in favor of newer, better approaches.
The Three HTML 4 Versions
HTML 4 is divided into three distinct versions, each representing different levels of strictness about how markup should be written.
Strict Version
The Strict version is the recommended choice for new documents. It enforces modern web development practices by removing all presentational markup—that is, HTML elements and attributes that control visual appearance. Instead, the Strict version requires you to use Cascading Style Sheets (CSS) for all presentation concerns.
This separation of concerns is beneficial because it keeps your HTML focused on semantic meaning (what content is) rather than visual styling (how it looks). This approach makes documents more maintainable, accessible, and flexible.
Transitional Version
The Transitional version is designed as a bridge for older documents. It permits presentational markup that the Strict version forbids. If you have an older website with inline styling, deprecated elements, or font controls, the Transitional version allows these features to remain valid.
Think of Transitional as a stepping stone—it lets legacy documents remain valid HTML while you gradually migrate them toward modern practices.
Frameset Version
The Frameset version (mentioned briefly in the outline) is specifically designed for documents using HTML frames, an older layout technique. Frames are rarely used in modern web development, but this version provided support for existing frame-based layouts.
Deprecated Elements in HTML Transitional
Deprecated elements are features that remain part of the specification but are no longer recommended. The Transitional version includes several deprecated elements that the Strict version removes entirely.
Presentational elements that are deprecated in Transitional include:
<u> for underline—deprecated because underlines conventionally indicate hyperlinks, making this confusing
<s> for strikethrough text
<center> for centering content—CSS provides superior alternatives
<font> and <basefont> for controlling font appearance—CSS styling is more flexible and maintainable
<menu> and <dir>—both should be replaced with unordered lists (<ul>) styled with CSS
<applet> for embedding Java applets—replaced by the more modern <object> element
<isindex> for creating searchable document indexes—replaced by <form> and <input> elements
The reason these elements are deprecated is consistent: CSS provides better, more flexible alternatives that keep presentation separate from content.
Deprecated Attributes in HTML Transitional
Beyond entire elements, HTML Transitional allows deprecated attributes that control visual presentation. These attributes are scattered across various elements:
On the <body> element:
background and bgcolor—for setting background images and colors
On text containers (<div>, <form>, <p>, and headings <h1> through <h6>):
align—for left/right/center alignment
On images and objects ( and <object>):
border, vspace, and hspace—for spacing and borders
On table-related elements:
align on <legend> and <caption>
bgcolor, width, and height on table cells (<td> and <th>)
All of these attributes achieve their effects through CSS in modern HTML. For example, instead of <p align="center">, you would use a CSS rule like p { text-align: center; }.
HTML versus XHTML: Syntax Differences
Beyond the three versions, there's another important distinction: XHTML is an XML-based reformulation of HTML, while HTML 4 is based on SGML (Standard Generalized Markup Language).
This difference results in stricter syntax requirements for XHTML:
In HTML 4:
Some tags can be opened without being closed (like <br> or )
Some closing tags are optional
The syntax is more forgiving overall
In XHTML:
Every element must have both an opening and closing tag
Empty elements (like line breaks) use self-closing syntax: <br/> instead of <br>
XML syntax rules are strictly enforced—all documents must be "well-formed"
Key Relationship Between Versions
It's important to understand that XHTML is not an alternative to the Strict/Transitional distinction—they're independent dimensions. You can have XHTML 1.0 Strict, XHTML 1.0 Transitional, or XHTML 1.0 Frameset versions, each combining XML syntax with the appropriate level of presentational support.
For example:
HTML 4.01 Strict = SGML syntax, no deprecated elements
XHTML 1.0 Strict = XML syntax, no deprecated elements
HTML 4.01 Transitional = SGML syntax, allows deprecated elements
XHTML 1.0 Transitional = XML syntax, allows deprecated elements
Historical Evolution
HTML 4 represented a consolidation of previous scattered HTML implementations into a single standardized specification. Later, XHTML 1.0 took the HTML 4 specification and expressed it using XML syntax—without changing the underlying rules about which elements and attributes are available.
<extrainfo>
XHTML 1.1 and Modularization: XHTML 1.1 introduced modularization, breaking the specification into independent modules (like legacy elements, framesets, or mathematical markup). This allowed developers to include only the parts they needed and enabled faster adoption of new XML-based standards like Mathematical Markup Language.
HTML5 and the Living Standard: The HTML Living Standard developed by the WHATWG (Web Hypertext Application Technology Working Group) eventually superseded the earlier HTML5 specification. The W3C's separate HTML5 specification has been merged into this living standard, which is continuously updated rather than being released as discrete versions.
</extrainfo>
Flashcards
How does HTML 4 Strict handle presentational markup?
It excludes presentational markup and encourages the use of Cascading Style Sheets (CSS).
What does the Transitional version permit that the Strict version omits?
Presentational markup.
Which three versions of HTML 4 provide legacy support and migration assistance?
Strict
Transitional
Frameset
Why is the <u> (underline) element deprecated in the Transitional variant?
It can be confused with hyperlinks.
What is the preferred alternative for the deprecated <center>, <font>, and <basefont> elements?
Cascading Style Sheets (CSS).
What is the primary requirement for XML-based HTML (XHTML)?
Well-formed XML syntax.
How must tags be handled in XHTML compared to HTML 4.01?
Every element must have both a start tag and an end tag; optional/omitted tags are not allowed.
How are empty elements closed in XHTML syntax?
With a trailing slash (e.g., <br/>).
What markup language serves as the base for the HTML 4 consolidation?
Standard Generalized Markup Language (SGML).
What was the primary change when porting HTML 4 to XHTML 1.0?
Transposing it into XML syntax without altering the underlying content model.
Which group developed the HTML Living Standard that supersedes HTML5?
The Web Hypertext Application Technology Working Group (WHATWG).
What is the current relationship between the W3C HTML5 specification and the HTML Living Standard?
HTML5 is no longer a separate standard and has been merged into the Living Standard.
Quiz
In a Strict HTML 4 document, which type of elements may appear directly inside <body>, <blockquote>, <form>, <noscript>, and <noframes>?
1 of 3
Key Concepts
HTML Versions and DTDs
HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
HTML Living Standard
XHTML and Modularization
XHTML 1.0
XHTML 1.1
HTML modularization
HTML Standards and Practices
WHATWG (Web Hypertext Application Technology Working Group)
Deprecated HTML presentation elements
SGML‑based versus XML‑based HTML
