semantic-html: Difference between revisions
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 (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
| (7 intermediate revisions by 4 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 17: | Line 17: | ||
* address | * address | ||
* area | * area | ||
* article | |||
* base | * base | ||
* bdo | * bdo | ||
| Line 27: | Line 28: | ||
* col | * col | ||
* colgroup | * colgroup | ||
* data | |||
* dd | * dd | ||
* del | * del | ||
| Line 64: | Line 66: | ||
* q | * q | ||
* samp | * samp | ||
* section | |||
* select | * select | ||
* span | * span | ||
| Line 74: | Line 77: | ||
* th | * th | ||
* thead | * thead | ||
* time | |||
* title | * title | ||
* tr | * tr | ||
| Line 137: | Line 141: | ||
**** optgroup | **** optgroup | ||
**** option | **** option | ||
*** textarea | |||
==== programming ==== | ==== programming ==== | ||
| Line 198: | 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 209: | 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.