presentational-html: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(Splitting elements section into "Pure" and "Abused")
m (Reverted edits by BaselTalbo (Talk) to last version by Brian)
 
(7 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<h1> Presentational (X)HTML </h1>
<h1> Presentational (X)HTML </h1>
 
{{TOC-right}}
Presentational (X)HTML refers to:
Presentational (X)HTML refers to:
# The presentational elements and attributes of (X)HTML (as opposed to the [[semantic-html|semantic HTML]] elements and attributes)
# The presentational elements and attributes of (X)HTML (as opposed to the [[semantic-html|semantic HTML]] elements and attributes)
# (X)HTML documents that are written using presentational (X)HTML.
# (X)HTML documents that are written using presentational (X)HTML.
# The practice of writing presentational (X)HTML
# The practice of writing presentational (X)HTML
__TOC__


== Contributors ==
== Contributors ==
Line 13: Line 11:
== Presentational Elements ==
== Presentational Elements ==


Presentational elements sensu lato can be divided into two groups. "Pure" presentational elements (b, i, small, …) have no semantic meaning. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).
Presentational elements sensu lato can be divided into two groups. "Deliberate" presentational elements (b, i, small, …) have no semantic meaning and were deliberately designed/created for presentational purposes. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).
 
(This list is incomplete, please add!)
 
Pure:


* b
=== Deliberate ===
Deprecated:
* basefont
* basefont
* big
* br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
* center
* center
* font
* font
* i
* hr
* s
* s
* small
* strike
* strike
* tt
* tt
* u
* u
* ...


Abused:
Frames:
* frame
* frameset
* iframe
 
Strict but mostly presentational:
* b
* br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
* big
* i
* small
* sub
* sup
 
=== Abused ===


* blockquote (when used for indenting text)
* blockquote (when used for indenting text)
* hr
* table (when used for layout)
* table (when used for layout)
* ...


== Presentational Attributes ==
== Presentational Attributes ==
(This list is incomplete, please add!)
(This list is incomplete, please add!)
* align
* align
* alink
* alink

Latest revision as of 20:12, 7 January 2009

Presentational (X)HTML

Presentational (X)HTML refers to:

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

Contributors

Presentational Elements

Presentational elements sensu lato can be divided into two groups. "Deliberate" presentational elements (b, i, small, …) have no semantic meaning and were deliberately designed/created for presentational purposes. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).

Deliberate

Deprecated:

  • basefont
  • center
  • font
  • hr
  • s
  • strike
  • tt
  • u

Frames:

  • frame
  • frameset
  • iframe

Strict but mostly presentational:

  • b
  • br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
  • big
  • i
  • small
  • sub
  • sup

Abused

  • blockquote (when used for indenting text)
  • table (when used for layout)

Presentational Attributes

(This list is incomplete, please add!)

  • align
  • alink
  • bgcolor
  • color
  • face
  • height
  • link (on body)
  • size (on font element)
  • valign
  • vlink
  • width

See also

References