semantic-html: Difference between revisions
Jump to navigation
Jump to search
m (Reverted edits by RolalErric (Talk) to last version by Brian) |
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
| (10 intermediate revisions by 6 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)]] | # [[posh|plain old semantic HTML (POSH)]] | ||
== Semantic Elements == | == Semantic Elements == | ||
Based on the | Based on semantic elements from [[HTML5]] (including the <code><code></code> element, resolved but pending editor cycles). | ||
=== alphabetical === | === alphabetical === | ||
| Line 22: | Line 17: | ||
* address | * address | ||
* area | * area | ||
* article | |||
* base | * base | ||
* bdo | * bdo | ||
| Line 32: | Line 28: | ||
* col | * col | ||
* colgroup | * colgroup | ||
* data | |||
* dd | * dd | ||
* del | * del | ||
| Line 69: | Line 66: | ||
* q | * q | ||
* samp | * samp | ||
* section | |||
* select | * select | ||
* span | * span | ||
| Line 79: | Line 77: | ||
* th | * th | ||
* thead | * thead | ||
* time | |||
* title | * title | ||
* tr | * tr | ||
| Line 142: | Line 141: | ||
**** optgroup | **** optgroup | ||
**** option | **** option | ||
*** textarea | |||
==== programming ==== | ==== programming ==== | ||
| Line 203: | Line 202: | ||
* title | * 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 214: | 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.