Semantic HTML

(Difference between revisions)

Jump to: navigation, search
m
Current revision (11:53, 15 September 2013) (view source)
m (Reverted edits by [[Special:Contributions/000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000)
 
(36 intermediate revisions not shown.)
Line 1: Line 1:
-
<h1> Semantic XHTML </h1>
+
<entry-title> Semantic HTML </entry-title>
-
(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)
-
Semantic XHTML refers to:
+
# HTML documents that are written using semantic HTML.
-
# The semantic elements and attributes of (X)HTML (as opposed to the [[presentational-html|presentational HTML]] elements and attributes)
+
# The practice of writing semantic HTML
-
# (X)HTML documents that are written using semantic XHTML.
+
# [[posh|plain old semantic HTML (POSH)]]
-
# The practice of writing semantic XHTML.
+
-
 
+
-
== Contributors ==
+
-
* [http://tantek.com/ Tantek]
+
== Semantic Elements ==
== Semantic Elements ==
 +
Based on semantic elements from [[HTML5]] (including the <code>&lt;code&gt;</code> element, resolved but pending editor cycles).
-
(This list is incomplete, please add!)
+
=== alphabetical ===
-
 
+
Elements for marking up <em>visible</em> text and user interactivity only.
* a
* a
 +
* abbr
 +
* acronym
 +
* address
 +
* area
 +
* article
 +
* base
 +
* bdo
* blockquote
* blockquote
 +
* body
 +
* button
 +
* caption
* cite
* cite
 +
* code
 +
* col
 +
* colgroup
 +
* data
 +
* dd
 +
* del
* dfn
* dfn
 +
* dir (deprecated)
 +
* div
 +
* dl
 +
* dt
* em
* em
-
* h1,h2,h3,h4,h5,h6
+
* 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
* p
 +
* pre
* q
* q
-
* ...
+
* samp
-
* table
+
* section
 +
* select
 +
* span
 +
* strong
 +
* table (when used for tabular data, not layout)
 +
* tbody
 +
* td
 +
* textarea
 +
* tfoot
 +
* th
 +
* thead
 +
* time
 +
* title
* tr
* tr
 +
* ul
 +
* var
 +
==== invisible semantics ====
 +
* head
 +
* link
 +
* meta
 +
* param
 +
==== layer hooks ====
 +
* script
 +
* style
-
== Semantic Attributes ==
+
=== semantically clustered ===
 +
These lists/clusterings are incomplete.
 +
==== hypertext ====
 +
* a
 +
* area
 +
* map
-
(This list is incomplete, please add!)
+
==== 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
* class
* data
* data
 +
* headers
* href
* href
* hreflang
* hreflang
* id
* id
 +
* lang
* rel
* rel
* rev
* rev
 +
* scope
 +
* summary
 +
* title
* type
* 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 ==
+
== See also ==
* [[semantic-xhtml-design-principles]]
* [[semantic-xhtml-design-principles]]
* [[semantic-class-names]]
* [[semantic-class-names]]
Line 48: 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]

Current revision


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: Sunday, September 15th, 2013

Views