semantic-xhtml-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(Mise à jour à partir de la version anglaise)
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(6 intermediate revisions by 2 users 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].


* a
=== Par ordre alphabétique ===
Éléments dédiés à la présentation de tout type de contenu <em>visible</em>.
* a
* abbr
* abbr
* acronym
* acronym
Line 33: Line 30:
* del
* del
* dfn
* dfn
* dir (déprécié)
* div
* div
* dl
* dl
Line 49: Line 47:
* input
* input
* ins
* ins
* isindex (déprécié)
* kbd
* kbd
* label
* label
Line 54: Line 53:
* li
* li
* map
* map
* menu (déprécié)
* noframes
* noframes
* noscript
* noscript
Line 67: 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 78: Line 78:
* ul
* ul
* var
* 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


== Attributs Sémantiques ==
==== 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


(Cette liste est incomplète, ajoutez svp !)
==== générique ====
* div
* span


== Attributs Sémantiques ==
(Cette liste est incomplète, complétez svp)
* axis
* caption
* class
* class
* data
* data
* headers
* href
* href
* hreflang
* hreflang
* id
* id
* lang
* rel
* rel
* rev
* rev
* scope
* summary
* title
* type
* type


== 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