Semantic HTML
Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the text in web pages and web applications, rather than merely to define its presentation or look.
Contents
Description
Semantic HTML is processed by traditional web browsers as well as by many other user agents. CSS is used to suggest its presentation to human users.
Examples
As an example, recent HTML standards discourage use of the italic tag:
<i>
The emphasis tag is semantically more accurate:
<em>
The CSS stylesheet should then specify whether emphasis is denoted by an italic font, a bold font, underlining, slower or louder audible speech, etc.
This is because italics are used for purposes other than emphasis, such as citing a source, for which HTML provides the cite tag:
<cite>
Another use for italics is foreign phrases or loanwords; web designers may use built-in XHTML language attributes or specify their own semantic markup by choosing appropriate names for the class attribute values of HTML elements (e.g. class="loanword").
Marking emphasis, citations and loanwords in different ways makes it easier for web agents such as search engines and other software to ascertain the significance of the text.
Separation of concerns
See also
External links
- Semantic HTML @ Wikipedia
- HTML structural elements @ w3.org
- Headings and sections @ w3.org
- Usingg HTML sections and outlines @ developer.mozilla.org
- HTML5 semantic elements @ w3schools.com
Discussion
- HTML5 best practices; section/header/aside/article tags @ stackoverflow.com
