Semantic HTML

(Difference between revisions)

Jump to: navigation, search
m (Reverted edits by [[Special:Contributions/000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000)
Line 1: Line 1:
-
HOW THING OUT
+
<entry-title> Semantic HTML </entry-title>
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
Semantic HTML refers to:
-
HOW UNIVERSE OUT
+
# The semantic elements and attributes of HTML (as opposed to  [[presentational-html|presentational HTML]] elements and attributes)
-
HOW MAKE THING OUT
+
# HTML documents that are written using semantic HTML.
-
HOW MAKE ANYTHING OUT
+
# The practice of writing semantic HTML
-
HOW MAKE EVERYTHING OUT
+
# [[posh|plain old semantic HTML (POSH)]]
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
== Semantic Elements ==
-
HOW ANYTHING BE OUT
+
Based on semantic elements from [[HTML5]] (including the <code>&lt;code&gt;</code> element, resolved but pending editor cycles).
-
HOW EVERYTHING BE OUT
+
 
-
HOW UNIVERSE BE OUT
+
=== alphabetical ===
-
HOW MAKE THING BE OUT
+
Elements for marking up <em>visible</em> text and user interactivity only.
-
HOW MAKE ANYTHING BE OUT
+
* a
-
HOW MAKE EVERYTHING BE OUT
+
* abbr
-
HOW MAKE UNIVERSE BE OUT
+
* acronym
-
HOW THING OUT
+
* address
-
HOW ANYTHING OUT
+
* area
-
HOW EVERYTHING OUT
+
* article
-
HOW UNIVERSE OUT
+
* base
-
HOW MAKE THING OUT
+
* bdo
-
HOW MAKE ANYTHING OUT
+
* blockquote
-
HOW MAKE EVERYTHING OUT
+
* body
-
HOW MAKE UNIVERSE OUT
+
* button
-
HOW THING BE OUT
+
* caption
-
HOW ANYTHING BE OUT
+
* cite
-
HOW EVERYTHING BE OUT
+
* code
-
HOW UNIVERSE BE OUT
+
* col
-
HOW MAKE THING BE OUT
+
* colgroup
-
HOW MAKE ANYTHING BE OUT
+
* data
-
HOW MAKE EVERYTHING BE OUT
+
* dd
-
HOW MAKE UNIVERSE BE OUT
+
* del
-
HOW THING OUT
+
* dfn
-
HOW ANYTHING OUT
+
* dir (deprecated)
-
HOW EVERYTHING OUT
+
* div
-
HOW UNIVERSE OUT
+
* dl
-
HOW MAKE THING OUT
+
* dt
-
HOW MAKE ANYTHING OUT
+
* em
-
HOW MAKE EVERYTHING OUT
+
* fieldset
-
HOW MAKE UNIVERSE OUT
+
* form
-
HOW THING BE OUT
+
* h1
-
HOW ANYTHING BE OUT
+
* h2
-
HOW EVERYTHING BE OUT
+
* h3
-
HOW UNIVERSE BE OUT
+
* h4
-
HOW MAKE THING BE OUT
+
* h5
-
HOW MAKE ANYTHING BE OUT
+
* h6
-
HOW MAKE EVERYTHING BE OUT
+
* html
-
HOW MAKE UNIVERSE BE OUT
+
* img
-
HOW THING OUT
+
* input
-
HOW ANYTHING OUT
+
* ins
-
HOW EVERYTHING OUT
+
* isindex (deprecated)
-
HOW UNIVERSE OUT
+
* kbd
-
HOW MAKE THING OUT
+
* label
-
HOW MAKE ANYTHING OUT
+
* legend
-
HOW MAKE EVERYTHING OUT
+
* li
-
HOW MAKE UNIVERSE OUT
+
* map
-
HOW THING BE OUT
+
* menu (deprecated)
-
HOW ANYTHING BE OUT
+
* noframes
-
HOW EVERYTHING BE OUT
+
* noscript
-
HOW UNIVERSE BE OUT
+
* object
-
HOW MAKE THING BE OUT
+
* ol
-
HOW MAKE ANYTHING BE OUT
+
* optgroup
-
HOW MAKE EVERYTHING BE OUT
+
* option
-
HOW MAKE UNIVERSE BE OUT
+
* p
-
HOW THING OUT
+
* pre
-
HOW ANYTHING OUT
+
* q
-
HOW EVERYTHING OUT
+
* samp
-
HOW UNIVERSE OUT
+
* section
-
HOW MAKE THING OUT
+
* select
-
HOW MAKE ANYTHING OUT
+
* span
-
HOW MAKE EVERYTHING OUT
+
* strong
-
HOW MAKE UNIVERSE OUT
+
* table (when used for tabular data, not layout)
-
HOW THING BE OUT
+
* tbody
-
HOW ANYTHING BE OUT
+
* td
-
HOW EVERYTHING BE OUT
+
* textarea
-
HOW UNIVERSE BE OUT
+
* tfoot
-
HOW MAKE THING BE OUT
+
* th
-
HOW MAKE ANYTHING BE OUT
+
* thead
-
HOW MAKE EVERYTHING BE OUT
+
* time
-
HOW MAKE UNIVERSE BE OUT
+
* title
-
HOW THING OUT
+
* tr
-
HOW ANYTHING OUT
+
* ul
-
HOW EVERYTHING OUT
+
* var
-
HOW UNIVERSE OUT
+
==== invisible semantics ====
-
HOW MAKE THING OUT
+
* head
-
HOW MAKE ANYTHING OUT
+
* link
-
HOW MAKE EVERYTHING OUT
+
* meta
-
HOW MAKE UNIVERSE OUT
+
* param
-
HOW THING BE OUT
+
==== layer hooks ====
-
HOW ANYTHING BE OUT
+
* script
-
HOW EVERYTHING BE OUT
+
* style
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
=== semantically clustered ===
-
HOW MAKE ANYTHING BE OUT
+
These lists/clusterings are incomplete.
-
HOW MAKE EVERYTHING BE OUT
+
==== hypertext ====
-
HOW MAKE UNIVERSE BE OUT
+
* a
-
HOW THING OUT
+
* area
-
HOW ANYTHING OUT
+
* map
-
HOW EVERYTHING OUT
+
 
-
HOW UNIVERSE OUT
+
==== common prose document ====
-
HOW MAKE THING OUT
+
* abbr
-
HOW MAKE ANYTHING OUT
+
* acronym
-
HOW MAKE EVERYTHING OUT
+
* em
-
HOW MAKE UNIVERSE OUT
+
* h1
-
HOW THING BE OUT
+
* h2
-
HOW ANYTHING BE OUT
+
* h3
-
HOW EVERYTHING BE OUT
+
* h4
-
HOW UNIVERSE BE OUT
+
* h5
-
HOW MAKE THING BE OUT
+
* h6
-
HOW MAKE ANYTHING BE OUT
+
* p
-
HOW MAKE EVERYTHING BE OUT
+
* strong
-
HOW MAKE UNIVERSE BE OUT
+
* title
-
HOW THING OUT
+
 
-
HOW ANYTHING OUT
+
==== quotes and references ====
-
HOW EVERYTHING OUT
+
* blockquote
-
HOW UNIVERSE OUT
+
* cite
-
HOW MAKE THING OUT
+
* q
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
==== contact ====
-
HOW MAKE UNIVERSE OUT
+
* address
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
==== infrastructure ====
-
HOW EVERYTHING BE OUT
+
* html
-
HOW UNIVERSE BE OUT
+
* body (because of 'profile' attribute)
-
HOW MAKE THING BE OUT
+
* base
-
HOW MAKE ANYTHING BE OUT
+
* del
-
HOW MAKE EVERYTHING BE OUT
+
* ins
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
==== international ====
-
HOW ANYTHING OUT
+
* bdo
-
HOW EVERYTHING OUT
+
 
-
HOW UNIVERSE OUT
+
==== forms ====
-
HOW MAKE THING OUT
+
* form
-
HOW MAKE ANYTHING OUT
+
** fieldset
-
HOW MAKE EVERYTHING OUT
+
*** legend
-
HOW MAKE UNIVERSE OUT
+
*** label
-
HOW THING BE OUT
+
*** button
-
HOW ANYTHING BE OUT
+
*** input
-
HOW EVERYTHING BE OUT
+
*** isindex (deprecated)
-
HOW UNIVERSE BE OUT
+
*** select
-
HOW MAKE THING BE OUT
+
**** optgroup
-
HOW MAKE ANYTHING BE OUT
+
**** option
-
HOW MAKE EVERYTHING BE OUT
+
*** textarea
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
==== programming ====
-
HOW ANYTHING OUT
+
* code
-
HOW EVERYTHING OUT
+
* kbd
-
HOW UNIVERSE OUT
+
* pre
-
HOW MAKE THING OUT
+
* samp
-
HOW MAKE ANYTHING OUT
+
* var
-
HOW MAKE EVERYTHING OUT
+
 
-
HOW MAKE UNIVERSE OUT
+
==== tabular data ====
-
HOW THING BE OUT
+
* table (when used for tabular data, not layout)
-
HOW ANYTHING BE OUT
+
** caption
-
HOW EVERYTHING BE OUT
+
** col
-
HOW UNIVERSE BE OUT
+
** colgroup
-
HOW MAKE THING BE OUT
+
** thead
-
HOW MAKE ANYTHING BE OUT
+
*** th
-
HOW MAKE EVERYTHING BE OUT
+
** tbody
-
HOW MAKE UNIVERSE BE OUT
+
*** tr
-
HOW THING OUT
+
**** td
-
HOW ANYTHING OUT
+
** tfoot
-
HOW EVERYTHING OUT
+
 
-
HOW UNIVERSE OUT
+
==== definitions ====
-
HOW MAKE THING OUT
+
* dfn
-
HOW MAKE ANYTHING OUT
+
* dl
-
HOW MAKE EVERYTHING OUT
+
** dt
-
HOW MAKE UNIVERSE OUT
+
** dd
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
==== text user interface ====
-
HOW EVERYTHING BE OUT
+
* dir (deprecated)
-
HOW UNIVERSE BE OUT
+
* menu (deprecated)
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
==== media ====
-
HOW MAKE EVERYTHING BE OUT
+
* img
-
HOW MAKE UNIVERSE BE OUT
+
* object
-
HOW THING OUT
+
 
-
HOW ANYTHING OUT
+
==== lists ====
-
HOW EVERYTHING OUT
+
* ol
-
HOW UNIVERSE OUT
+
* ul
-
HOW MAKE THING OUT
+
** li
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
==== generic ====
-
HOW MAKE UNIVERSE OUT
+
* div
-
HOW THING BE OUT
+
* span
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
== Semantic Attributes ==
-
HOW UNIVERSE BE OUT
+
(This list is incomplete, please add!)
-
HOW MAKE THING BE OUT
+
* axis
-
HOW MAKE ANYTHING BE OUT
+
* caption
-
HOW MAKE EVERYTHING BE OUT
+
* class
-
HOW MAKE UNIVERSE BE OUT
+
* data
-
HOW THING OUT
+
* headers
-
HOW ANYTHING OUT
+
* href
-
HOW EVERYTHING OUT
+
* hreflang
-
HOW UNIVERSE OUT
+
* id
-
HOW MAKE THING OUT
+
* lang
-
HOW MAKE ANYTHING OUT
+
* rel
-
HOW MAKE EVERYTHING OUT
+
* rev
-
HOW MAKE UNIVERSE OUT
+
* scope
-
HOW THING BE OUT
+
* summary
-
HOW ANYTHING BE OUT
+
* title
-
HOW EVERYTHING BE OUT
+
* type
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
Previous to HTML5:
-
HOW MAKE ANYTHING BE OUT
+
 
-
HOW MAKE EVERYTHING BE OUT
+
== Semantic (X)HTML ==
-
HOW MAKE UNIVERSE BE OUT
+
Semantic (X)HTML refers to:
-
HOW THING OUT
+
# The semantic elements and attributes of (X)HTML (as opposed to the [[presentational-html|presentational HTML]] elements and attributes)
-
HOW ANYTHING OUT
+
# (X)HTML documents that are written using semantic (X)HTML.
-
HOW EVERYTHING OUT
+
# The practice of writing semantic (X)HTML
-
HOW UNIVERSE OUT
+
# [[posh|plain old semantic HTML (POSH)]]
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
== Semantic (X)HTML Elements ==
-
HOW MAKE EVERYTHING OUT
+
Based on the [http://www.w3.org/TR/html401/index/elements.html Index of HTML 4 Elements].
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
== Presentations ==
-
HOW ANYTHING BE OUT
+
See [[posh#POSH_Presentations|POSH Presentations]].
-
HOW EVERYTHING BE OUT
+
 
-
HOW UNIVERSE BE OUT
+
== See also ==
-
HOW MAKE THING BE OUT
+
* [[semantic-xhtml-design-principles]]
-
HOW MAKE ANYTHING BE OUT
+
* [[semantic-class-names]]
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
== References ==
-
HOW THING OUT
+
* [http://w3.org/TR/xhtml1 XHTML 1.0]
-
HOW ANYTHING OUT
+
* [http://w3.org/TR/html401 HTML 4.01]
-
HOW EVERYTHING OUT
+
* [http://w3.org/TR/html5 HTML5]
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+

Revision as of 03:46, 18 August 2013


Semantic HTML refers to:

  1. The semantic elements and attributes of HTML (as opposed to presentational HTML elements and attributes)
  2. HTML documents that are written using semantic HTML.
  3. The practice of writing semantic HTML
  4. plain old semantic HTML (POSH)

Contents

Semantic Elements

Based on semantic elements from HTML5 (including the <code> element, resolved but pending editor cycles).

alphabetical

Elements for marking up visible text and user interactivity only.

invisible semantics

layer hooks

semantically clustered

These lists/clusterings are incomplete.

hypertext

common prose document

quotes and references

contact

infrastructure

international

forms

programming

tabular data

definitions

text user interface

media

lists

generic

Semantic Attributes

(This list is incomplete, please add!)

Previous to HTML5:

Semantic (X)HTML

Semantic (X)HTML refers to:

  1. The semantic elements and attributes of (X)HTML (as opposed to the presentational HTML elements and attributes)
  2. (X)HTML documents that are written using semantic (X)HTML.
  3. The practice of writing semantic (X)HTML
  4. plain old semantic HTML (POSH)

Semantic (X)HTML Elements

Based on the Index of HTML 4 Elements.

Presentations

See POSH Presentations.

See also

References

Semantic HTML was last modified: Wednesday, December 31st, 1969

Views