Difference between revisions of "semantic-html"

From Microformats Wiki
semantic-html
Jump to navigation Jump to search
m (draft)
 
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(39 intermediate revisions by 16 users not shown)
Line 1: Line 1:
= Semantic XHTML =
+
{{DISPLAYTITLE: Semantic HTML }}
  
(This article is a stub, feel free to expand upon it)
+
Semantic HTML refers to:
 +
# The semantic elements and attributes of HTML (as opposed to [[presentational-html|presentational HTML]] elements and attributes)
 +
# HTML documents that are written using semantic HTML.
 +
# The practice of writing semantic HTML
 +
# [[posh|plain old semantic HTML (POSH)]]
  
== See Also ==
+
== Semantic Elements ==
 +
Based on semantic elements from [[HTML5]] (including the <code>&lt;code&gt;</code> element, resolved but pending editor cycles).
 +
 
 +
=== alphabetical ===
 +
Elements for marking up <em>visible</em> 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:
 +
# The semantic elements and attributes of (X)HTML (as opposed to the [[presentational-html|presentational HTML]] elements and attributes)
 +
# (X)HTML documents that are written using semantic (X)HTML.
 +
# The practice of writing semantic (X)HTML
 +
# [[posh|plain old semantic HTML (POSH)]]
 +
 
 +
== Semantic (X)HTML Elements ==
 +
Based on the [http://www.w3.org/TR/html401/index/elements.html Index of HTML 4 Elements].
 +
 
 +
== Presentations ==
 +
See [[posh#POSH_Presentations|POSH Presentations]].
 +
 
 +
== See also ==
 
* [[semantic-xhtml-design-principles]]
 
* [[semantic-xhtml-design-principles]]
 
* [[semantic-class-names]]
 
* [[semantic-class-names]]
Line 9: Line 224:
 
== References ==
 
== References ==
 
* [http://w3.org/TR/xhtml1 XHTML 1.0]
 
* [http://w3.org/TR/xhtml1 XHTML 1.0]
 +
* [http://w3.org/TR/html401 HTML 4.01]
 +
* [http://w3.org/TR/html5 HTML5]

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 Microformats in 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