semantic-xhtml-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
<h1> XHTML Sémantique </h1>
{{DISPLAYTITLE:XHTML Sémantique}}
 
(Cet article est une ébauche, sentez-vous libre de le compléter)


Le XHTML Sémantique fait référence à :  
Le XHTML Sémantique fait référence à :  
# Les éléments sémantiques et attributs du (X)HTML (à l'opposé des éléments et attributs du [[presentational-html-fr|HTML présentationnel]])
# Les éléments sémantiques et attributs du (X)HTML (à l'opposé des éléments et attributs du [[presentational-html-fr|HTML présentationnel]])
# Les documents (X)HTML qui sont écrits en utilisant du XHTML sémantique.
# Les documents (X)HTML qui sont écrits en utilisant du XHTML sémantique.
# La pratique de l'écriture XHTML sémantique
# La pratique de l'écriture XHTML sémantique
 
# [[posh-fr|bon vieux HTML sémantique (POSH / CHIC)]]
__TOC__
 
== Contributeurs ==
* [http://tantek.com/ Tantek]


== Eléments Sémantiques ==
== Eléments Sémantiques ==
Fondés sur l'[http://www.w3.org/TR/html401/index/elements.html Index des Eléments HTML 4].


=== Par ordre alphabétique ===
=== Par ordre alphabétique ===
Éléments dédiés à la présentation de tous types de contenus <em>visibles</em>.
Éléments dédiés à la présentation de tout type de contenu <em>visible</em>.
 
* a
* a
* abbr
* abbr
Line 23: Line 17:
* address
* address
* area
* area
* base
* bdo
* bdo
* blockquote
* blockquote
Line 35: Line 30:
* del
* del
* dfn
* dfn
* dir (déprécié)
* div
* div
* dl
* dl
Line 47: Line 43:
* h5
* h5
* h6
* h6
* html
* img
* img
* input
* input
* ins
* ins
* isindex (déprécié)
* kbd
* kbd
* label
* label
Line 55: Line 53:
* li
* li
* map
* map
* menu (déprécié)
* noframes
* noframes
* noscript
* noscript
Line 68: Line 67:
* span
* span
* strong
* strong
* table (dédié à un usage de données tabulaires, non à la mise en forme de charte graphique)
* table (si utilisé pour des données tabulaires, pas la mise en forme)
* tbody
* tbody
* td
* td
Line 79: Line 78:
* ul
* ul
* var
* var
==== Sémantique invisible ====
==== Sémantique invisible ====
* base (à confirmer)
* head
* head
* html
* link
* link
* meta
* meta
* param
* param
 
==== layer hooks ====
==== Couche non-XHTML ====
 
* script
* script
* style
* style


==== Hyperlien ====
=== sémantiquement agglomérés ===
 
Ces listes sont incomplètes.
==== hypertexte ====
* a
* a
* area
* area
* map
* map


==== éléments de proses ====
==== prose commune de document ====
 
* abbr
* abbr
* acronym
* acronym
* em
* em
Line 116: Line 109:


==== citations et références ====
==== citations et références ====
* blockquote
* blockquote
* cite
* cite
* q
* q


==== coordonnées de contacts ====
==== contact ====
 
* address
* address


==== infrastructure XHTML ====
==== infrastructure ====
 
* html
* html
* body (à cause de l'attribut 'profile')
* body (à cause de l'attribut 'profile')
* base
* base
* del
* del
* ins  
* ins
 
==== internationalisation ====


==== international ====
* bdo
* bdo


==== formulaires ====
==== forms ====
* form
* form
** fieldset
** fieldset
Line 144: Line 133:
*** button
*** button
*** input
*** input
*** isindex (déprécié)
*** select
*** select
**** optgroup
**** optgroup
**** option
**** option
**** textarea
*** textarea


==== développement ====
==== programmation====
* code
* code
* kbd
* kbd
Line 157: Line 147:


==== données tabulaires ====
==== données tabulaires ====
* table (dédié à un usage de données tabulaires, non à la mise en forme de charte graphique)
* table (si utilisé pour données tabulaires, pas pour la mise en forme)
** caption
** caption
** col
** col
Line 174: Line 164:
** dd
** dd


==== médias ====
==== interface-utilisateur texte ====
* dir (déprécié)
* menu (déprécié)
 
==== media ====
* img
* img
* object
* object
Line 183: Line 177:
** li
** li


==== éléments génériques ====
==== générique ====
* div (block)
* div  
* span (inline)
* span


== Attributs Sémantiques ==
== Attributs Sémantiques ==
 
(Cette liste est incomplète, complétez svp)
(Cette liste est incomplète, ajoutez svp !)
* axis
 
* caption
* caption
* class
* class
* data
* data
* headers
* href
* href
* hreflang
* hreflang
Line 206: Line 200:


== Présentations ==
== Présentations ==
Voir [[posh-fr#POSH_Presentations|Présentations CHIC]].


Les présentations qui suivent ajoutent de l'historique, des explications et techniques pour publier du (X)HTML sémantique.
== voir aussi ==
 
* [[semantic-xhtml-design-principles-fr|principes de design XHTML sémantique]]
* 29-09-2005 [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (première version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* 28-09-2004 [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean]
* 11-02-2004 [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] - [http://www.elanceur.org/microformats/slides/semantiquevraimonde.html sémantique du vrai monde (fr)]
* ??-03-2003-03 [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets] en particulier la dia 9 titrée ''CSS & the Semantic Spectrum'', fournit un aperçu du spectre sémantique des tags (X)HTML.
* Plus de [[presentations-fr|présentations]] sur les microformats en général
 
== Voir aussi ==
* [[semantic-xhtml-design-principles-fr|principes de design xthml sémantique]]
* [[semantic-class-names-fr|noms de classes sémantiques]]
* [[semantic-class-names-fr|noms de classes sémantiques]]



Latest revision as of 16:32, 18 July 2020


Le XHTML Sémantique fait référence à :

  1. Les éléments sémantiques et attributs du (X)HTML (à l'opposé des éléments et attributs du HTML présentationnel)
  2. Les documents (X)HTML qui sont écrits en utilisant du XHTML sémantique.
  3. La pratique de l'écriture XHTML sémantique
  4. bon vieux HTML sémantique (POSH / CHIC)

Eléments Sémantiques

Fondés sur l'Index des Eléments HTML 4.

Par ordre alphabétique

Éléments dédiés à la présentation de tout type de contenu visible.

  • a
  • abbr
  • acronym
  • address
  • area
  • base
  • bdo
  • blockquote
  • body
  • button
  • caption
  • cite
  • code
  • col
  • colgroup
  • dd
  • del
  • dfn
  • dir (déprécié)
  • div
  • dl
  • dt
  • em
  • fieldset
  • form
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • html
  • img
  • input
  • ins
  • isindex (déprécié)
  • kbd
  • label
  • legend
  • li
  • map
  • menu (déprécié)
  • noframes
  • noscript
  • object
  • ol
  • optgroup
  • option
  • p
  • pre
  • q
  • samp
  • select
  • span
  • strong
  • table (si utilisé pour des données tabulaires, pas la mise en forme)
  • tbody
  • td
  • textarea
  • tfoot
  • th
  • thead
  • title
  • tr
  • ul
  • var

Sémantique invisible

  • head
  • link
  • meta
  • param

layer hooks

  • script
  • style

sémantiquement agglomérés

Ces listes sont incomplètes.

hypertexte

  • a
  • area
  • map

prose commune de document

  • abbr
  • acronym
  • em
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • title

citations et références

  • blockquote
  • cite
  • q

contact

  • address

infrastructure

  • html
  • body (à cause de l'attribut 'profile')
  • base
  • del
  • ins

international

  • bdo

forms

  • form
    • fieldset
      • legend
      • label
      • button
      • input
      • isindex (déprécié)
      • select
        • optgroup
        • option
      • textarea

programmation

  • code
  • kbd
  • pre
  • samp
  • var

données tabulaires

  • table (si utilisé pour données tabulaires, pas pour la mise en forme)
    • caption
    • col
    • colgroup
    • thead
      • th
    • tbody
      • tr
        • td
    • tfoot

définitions

  • dfn
  • dl
    • dt
    • dd

interface-utilisateur texte

  • dir (déprécié)
  • menu (déprécié)

media

  • img
  • object

listes

  • ol
  • ul
    • li

générique

  • div
  • span

Attributs Sémantiques

(Cette liste est incomplète, complétez svp)

  • axis
  • caption
  • class
  • data
  • headers
  • href
  • hreflang
  • id
  • lang
  • rel
  • rev
  • scope
  • summary
  • title
  • type

Présentations

Voir Présentations CHIC.

voir aussi

Références