semantic-xhtml-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (sync'd)
Line 1: Line 1:
<h1> XHTML Sémantique </h1>
<h1> XHTML Sémantique </h1>
 
{{TOC-right}}
(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|plain old semantic HTML (POSH)]]
__TOC__


== Contributeurs ==
== Contributeurs ==
* [http://tantek.com/ Tantek]
* [http://tantek.com/ Tantek]
* [[User:AndyMabbett|Andy Mabbett]]
* [[User:RobManson|Rob Manson]]
(traduction [[User:ChristopheDucamp|Xtof]])


== 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 tous types de contenus <em>visibles</em>.
* a
* a
* abbr
* abbr
Line 23: Line 25:
* address
* address
* area
* area
* base
* bdo
* bdo
* blockquote
* blockquote
Line 35: Line 38:
* del
* del
* dfn
* dfn
* dir (déprécié)
* div
* div
* dl
* dl
Line 47: Line 51:
* h5
* h5
* h6
* h6
* html
* img
* img
* input
* input
* ins
* ins
* isindex (déprécié)
* kbd
* kbd
* label
* label
Line 55: Line 61:
* li
* li
* map
* map
* menu (déprécié)
* noframes
* noframes
* noscript
* noscript
Line 68: Line 75:
* 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 86:
* 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 117:


==== 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 141:
*** button
*** button
*** input
*** input
*** isindex (déprécié)
*** select
*** select
**** optgroup
**** optgroup
Line 149: Line 147:
**** textarea
**** textarea


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


==== 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 172:
** dd
** dd


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


==== éléments génériques ====
==== generique ====
* 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 !)
* caption
 
* caption
* class
* class
* data
* data
Line 205: Line 205:
* type
* type


== Présentations ==
== Presentations ==
 
See [[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.
 
* 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 ==
== See also ==
* [[semantic-xhtml-design-principles-fr|principes de design xthml sémantique]]
* [[semantic-xhtml-design-principles]]
* [[semantic-class-names-fr|noms de classes sémantiques]]
* [[semantic-class-names]]


== Références ==
== Références ==
* [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]

Revision as of 23:39, 21 October 2007

XHTML Sémantique

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. plain old semantic HTML (POSH)

Contributeurs

(traduction Xtof)

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 tous types de contenus visibles.

  • 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

generique

  • div
  • span

Attributs Sémantiques

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

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

Presentations

See Présentations CHIC.

See also

Références