semantic-html: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
HOW THING OUT
{{DISPLAYTITLE: Semantic HTML }}
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

Latest revision as of 16:32, 18 July 2020


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)

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.

  • a
  • abbr
  • acronym
  • address
  • area
  • article
  • base
  • bdo
  • blockquote
  • body
  • button
  • caption
  • cite
  • code
  • col
  • colgroup
  • data
  • dd
  • del
  • dfn
  • dir (deprecated)
  • div
  • dl
  • dt
  • em
  • fieldset
  • form
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • html
  • img
  • input
  • ins
  • isindex (deprecated)
  • kbd
  • label
  • legend
  • li
  • map
  • menu (deprecated)
  • noframes
  • noscript
  • object
  • ol
  • optgroup
  • option
  • p
  • pre
  • q
  • samp
  • section
  • select
  • span
  • strong
  • table (when used for tabular data, not layout)
  • tbody
  • td
  • textarea
  • tfoot
  • th
  • thead
  • time
  • title
  • tr
  • ul
  • var

invisible semantics

  • head
  • link
  • meta
  • param

layer hooks

  • script
  • style

semantically clustered

These lists/clusterings are incomplete.

hypertext

  • a
  • area
  • map

common prose document

  • abbr
  • acronym
  • em
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • title

quotes and references

  • blockquote
  • cite
  • q

contact

  • address

infrastructure

  • html
  • body (because of 'profile' attribute)
  • base
  • del
  • ins

international

  • bdo

forms

  • form
    • fieldset
      • legend
      • label
      • button
      • input
      • isindex (deprecated)
      • select
        • optgroup
        • option
      • textarea

programming

  • code
  • kbd
  • pre
  • samp
  • var

tabular data

  • table (when used for tabular data, not layout)
    • caption
    • col
    • colgroup
    • thead
      • th
    • tbody
      • tr
        • td
    • tfoot

definitions

  • dfn
  • dl
    • dt
    • dd

text user interface

  • dir (deprecated)
  • menu (deprecated)

media

  • img
  • object

lists

  • ol
  • ul
    • li

generic

  • div
  • span

Semantic Attributes

(This list is incomplete, please add!)

  • axis
  • caption
  • class
  • data
  • headers
  • href
  • hreflang
  • id
  • lang
  • rel
  • rev
  • scope
  • summary
  • title
  • type

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