semantic-html: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
(27 intermediate revisions by 14 users not shown) | |||
Line 1: | Line 1: | ||
{{DISPLAYTITLE: Semantic HTML }} | |||
Semantic | Semantic HTML refers to: | ||
# The semantic elements and attributes of | # 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 | # The practice of writing semantic HTML | ||
# [[posh|plain old semantic HTML | # [[posh|plain old semantic HTML (POSH)]] | ||
== Semantic Elements == | == Semantic Elements == | ||
Based on semantic elements from [[HTML5]] (including the <code><code></code> element, resolved but pending editor cycles). | |||
=== alphabetical === | |||
Elements for marking up <em>visible</em> text and user interactivity only. | |||
* a | * a | ||
* abbr | * abbr | ||
* acronym | * acronym | ||
* address | * 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 | ||
* | * fieldset | ||
* h1 | * form | ||
* | * h1 | ||
* | * h2 | ||
* h3 | |||
* h4 | |||
* h5 | |||
* h6 | |||
* html | |||
* img | |||
* input | |||
* ins | |||
* isindex (deprecated) | |||
* kbd | |||
* label | * label | ||
* legend | * legend | ||
* | * li | ||
* map | |||
* menu (deprecated) | |||
* noframes | |||
* noscript | |||
* object | |||
* ol | * ol | ||
* optgroup | |||
* option | |||
* p | * p | ||
* pre | |||
* q | * q | ||
* samp | * samp | ||
* section | |||
* select | |||
* span | |||
* strong | * strong | ||
* table (when used for tabular data, not layout) | * 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 | ** tbody | ||
** td | *** tr | ||
**** td | |||
** tfoot | ** tfoot | ||
** | |||
** | ==== definitions ==== | ||
** | * dfn | ||
* dl | |||
** dt | |||
** dd | |||
==== text user interface ==== | |||
* dir (deprecated) | |||
* menu (deprecated) | |||
==== media ==== | |||
* img | |||
* object | |||
==== lists ==== | |||
* ol | |||
* ul | * ul | ||
* | ** li | ||
==== generic ==== | |||
* div | |||
* span | |||
== Semantic Attributes == | == Semantic Attributes == | ||
(This list is incomplete, please add!) | (This list is incomplete, please add!) | ||
* axis | |||
* caption | * caption | ||
* class | * class | ||
* data | * data | ||
* headers | |||
* href | * href | ||
* hreflang | * hreflang | ||
Line 66: | Line 200: | ||
* scope | * scope | ||
* summary | * 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 == | == Presentations == | ||
Line 78: | Line 225: | ||
* [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/html401 HTML 4.01] | ||
* [http://w3.org/TR/html5 HTML5] |
Latest revision as of 16:32, 18 July 2020
Semantic HTML refers to:
- The semantic elements and attributes of HTML (as opposed to presentational HTML elements and attributes)
- HTML documents that are written using semantic HTML.
- The practice of writing semantic HTML
- 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
- fieldset
programming
- code
- kbd
- pre
- samp
- var
tabular data
- table (when used for tabular data, not layout)
- caption
- col
- colgroup
- thead
- th
- tbody
- tr
- td
- tr
- 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 elements and attributes)
- (X)HTML documents that are written using semantic (X)HTML.
- The practice of writing semantic (X)HTML
- plain old semantic HTML (POSH)
Semantic (X)HTML Elements
Based on the Index of HTML 4 Elements.
Presentations
See POSH Presentations.