diff options
Diffstat (limited to 'files/fr/web/html/element/address/index.md')
| -rw-r--r-- | files/fr/web/html/element/address/index.md | 157 |
1 files changed, 113 insertions, 44 deletions
diff --git a/files/fr/web/html/element/address/index.md b/files/fr/web/html/element/address/index.md index 45ca70e4b9..d58e461f67 100644 --- a/files/fr/web/html/element/address/index.md +++ b/files/fr/web/html/element/address/index.md @@ -18,94 +18,163 @@ tags: translation_of: Web/HTML/Element/address browser-compat: html.elements.address --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><address></code></strong> indique des informations de contact pour une personne, un groupe de personnes ou une organisation.</p> +L'élément HTML **`<address>`** indique des informations de contact pour une personne, un groupe de personnes ou une organisation. -<div>{{EmbedInteractiveExample("pages/tabbed/address.html", "tabbed-standard")}}</div> +{{EmbedInteractiveExample("pages/tabbed/address.html", "tabbed-standard")}} -<p>L'information de contact fournie via cet élément peut prendre n'importe quelle forme pertinente : ce peut être une adresse physique, une URL, une adresse électronique, un numéro de téléphone, des coordonnées géographiques, etc. Ces informations devraient contenir le nom de la personne, du groupe de personne ou de l'organisation à laquelle le contact fait référence.</p> +L'information de contact fournie via cet élément peut prendre n'importe quelle forme pertinente : ce peut être une adresse physique, une URL, une adresse électronique, un numéro de téléphone, des coordonnées géographiques, etc. Ces informations devraient contenir le nom de la personne, du groupe de personne ou de l'organisation à laquelle le contact fait référence. -<p>Cet élément peut être employé dans un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a> pour indiquer la personne qui écrit l'article ou être utilisé dans l'en-tête de la page pour fournir une adresse d'entreprise.</p> +Cet élément peut être employé dans un élément [`<article>`](/fr/docs/Web/HTML/Element/article) pour indiquer la personne qui écrit l'article ou être utilisé dans l'en-tête de la page pour fournir une adresse d'entreprise. <table class="properties"> <tbody> <tr> - <th scope="row"><dfn><a href="/fr/docs/Web/Guide/HTML/Content_categories">Catégories de contenu</a></dfn></th> - <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content">contenu tangible</a>.</td> + <th scope="row"> + <dfn + ><a href="/fr/docs/Web/Guide/HTML/Content_categories" + >Catégories de contenu</a + ></dfn + > + </th> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >Contenu de flux</a + >, + <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + >contenu tangible</a + >. + </td> </tr> <tr> <th scope="row">Contenu autorisé</th> - <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>, mais sans élément <code><address></code> inclus, sans contenu de titre (<a href="/fr/docs/Web/HTML/Element/hgroup"><code><hgroup></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h1></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h2></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h3></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h4></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h5></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h6></code></a>), sans contenu de section (<a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a>, <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a>, <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a>), et sans <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a> ou élément <a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a>.</td> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >Contenu de flux</a + >, mais sans élément <code><address></code> inclus, sans contenu de + titre (<a href="/fr/docs/Web/HTML/Element/hgroup" + ><code><hgroup></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h1></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h2></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h3></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h4></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h5></code></a + >, + <a href="/fr/docs/Web/HTML/Element/Heading_Elements" + ><code><h6></code></a + >), sans contenu de section (<a href="/fr/docs/Web/HTML/Element/article" + ><code><article></code></a + >, + <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a + >, + <a href="/fr/docs/Web/HTML/Element/section" + ><code><section></code></a + >, <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a + >), et sans + <a href="/fr/docs/Web/HTML/Element/header" + ><code><header></code></a + > + ou élément + <a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a + >. + </td> </tr> <tr> <th scope="row">Omission de balises</th> - <td>Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.</td> + <td> + Aucune, la balise d'ouverture et la balise de fermeture sont + obligatoires. + </td> </tr> <tr> <th scope="row">Parents autorisés</th> - <td>Tout élément qui accepte un <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_de_flux">contenu de flux</a> mais pas d'éléments <code><address></code>.</td> + <td> + Tout élément qui accepte un + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_de_flux" + >contenu de flux</a + > + mais pas d'éléments <code><address></code>. + </td> </tr> <tr> <th scope="row">Rôle ARIA implicite</th> - <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">Aucun rôle correspondant</a></td> - </tr> + <td> + <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role" + >Aucun rôle correspondant</a + > + </td> + </tr> <tr> <th scope="row">Rôles ARIA autorisés</th> <td>Aucun.</td> </tr> <tr> <th scope="row">Interface DOM</th> - <td><a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>. Avant Gecko 2.0 (Firefox 4), Gecko implémentait cet élément en utilisant l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a>.</td> + <td> + <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a + >. Avant Gecko 2.0 (Firefox 4), Gecko implémentait cet élément en + utilisant l'interface + <a href="/fr/docs/Web/API/HTMLSpanElement" + ><code>HTMLSpanElement</code></a + >. + </td> </tr> </tbody> </table> -<h2 id="attributes">Attributs</h2> +## Attributs -<p>Cet élément n'a pas d'autres attributs que les <a href="/fr/docs/Web/HTML/Global_attributes">attributs universels</a>, communs à tous les éléments.</p> +Cet élément n'a pas d'autres attributs que les [attributs universels](/fr/docs/Web/HTML/Global_attributes), communs à tous les éléments. -<h2 id="usage_notes">Notes d'utilisation</h2> +## Notes d'utilisation -<ul> - <li>Pour représenter une adresse arbitraire, qui n'est pas relative à l'information de contact, on utilisera l'élément <a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a> plutôt que l'élément <code><address></code>.</li> - <li>Cet élément ne doit pas contenir plus d'informations que l'information de contact, par exemple une date de publication (qui appartiendrait à l'élément <a href="/fr/docs/Web/HTML/Element/time"><code><time></code></a>).</li> - <li>Typiquement un élément <code><address></code> peut être placé dans l'élément <a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a> de la section courante, s'il y en a une.</li> -</ul> +- Pour représenter une adresse arbitraire, qui n'est pas relative à l'information de contact, on utilisera l'élément [`<p>`](/fr/docs/Web/HTML/Element/p) plutôt que l'élément `<address>`. +- Cet élément ne doit pas contenir plus d'informations que l'information de contact, par exemple une date de publication (qui appartiendrait à l'élément [`<time>`](/fr/docs/Web/HTML/Element/time)). +- Typiquement un élément `<address>` peut être placé dans l'élément [`<footer>`](/fr/docs/Web/HTML/Element/footer) de la section courante, s'il y en a une. -<h2 id="example">Exemple</h2> +## Exemple -<pre class="brush: html"><address> +```html +<address> Vous pouvez contacter l'auteur à l'adresse - <a href="http://www.undomaine.com/contact">www.undomaine.com</a>.<br> + <a href="http://www.undomaine.com/contact">www.undomaine.com</a>.<br> Si vous relevez quelques bogues que ce soient, merci de contacter - <a href="mailto:webmaster@somedomain.com">le webmaster</a>.<br> - Vous pouvez aussi venir nous voir :<br> - Mozilla Foundation<br> - 1981 Landings Drive<br> - Building K<br> - Mountain View, CA 94043-0801<br> + <a href="mailto:webmaster@somedomain.com">le webmaster</a>.<br> + Vous pouvez aussi venir nous voir :<br> + Mozilla Foundation<br> + 1981 Landings Drive<br> + Building K<br> + Mountain View, CA 94043-0801<br> USA -</address> -</pre> +</address> +``` -<h3 id="result">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("example", "100%", 190)}}</p> +{{EmbedLiveSample("example", "100%", 190)}} -<p>Bien que le rendu par défaut du texte de l'élément <code><address></code> utilise le même style par défaut que les éléments <a href="/fr/docs/Web/HTML/Element/i"><code><i></code></a> ou <a href="/fr/docs/Web/HTML/Element/em"><code><em></code></a>, il est plus approprié d'utiliser cet élément lorsque l'on traite d'informations de contact, étant donné qu'il apporte des informations sémantiques supplémentaires.</p> +Bien que le rendu par défaut du texte de l'élément `<address>` utilise le même style par défaut que les éléments [`<i>`](/fr/docs/Web/HTML/Element/i) ou [`<em>`](/fr/docs/Web/HTML/Element/em), il est plus approprié d'utiliser cet élément lorsque l'on traite d'informations de contact, étant donné qu'il apporte des informations sémantiques supplémentaires. -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="see_also">Voir aussi</h2> +## Voir aussi -<ul> - <li>Les autres éléments liés aux sections d'un document : <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a>, <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a>, <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a>, <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h1></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h2></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h3></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h4></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h5></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h6></code></a>, <a href="/fr/docs/Web/HTML/Element/hgroup"><code><hgroup></code></a>, <a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a>, <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a> ;</li> - <li><a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines">Sections et titres d'un document HTML5</a></li> -</ul> +- Les autres éléments liés aux sections d'un document : [`<body>`](/fr/docs/Web/HTML/Element/body), [`<nav>`](/fr/docs/Web/HTML/Element/nav), [`<article>`](/fr/docs/Web/HTML/Element/article), [`<aside>`](/fr/docs/Web/HTML/Element/aside), [`<h1>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h2>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h3>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h4>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h5>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h6>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<hgroup>`](/fr/docs/Web/HTML/Element/hgroup), [`<footer>`](/fr/docs/Web/HTML/Element/footer), [`<section>`](/fr/docs/Web/HTML/Element/section), [`<header>`](/fr/docs/Web/HTML/Element/header) ; +- [Sections et titres d'un document HTML5](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines) |