semantic-html: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(remove contributors section, as it is an inaccurate reflection of what is already provided by wiki history, not related to any editorialship of this page, and may encourage a bad practice)
m (→‎forms: Fixed mis-nested textarea hierachy)
Line 137: Line 137:
**** optgroup
**** optgroup
**** option
**** option
**** textarea
*** textarea


==== programming ====
==== programming ====

Revision as of 00:13, 30 June 2009

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 Elements

Based on the Index of HTML 4 Elements.

alphabetical

Elements for marking up visible text and user interactivity only.

  • a
  • abbr
  • acronym
  • address
  • area
  • base
  • bdo
  • blockquote
  • body
  • button
  • caption
  • cite
  • code
  • col
  • colgroup
  • 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
  • select
  • span
  • strong
  • table (when used for tabular data, not layout)
  • tbody
  • td
  • textarea
  • tfoot
  • th
  • thead
  • 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

Presentations

See POSH Presentations.

See also

References