recursal/MDN huggingface dataset:
<ruby>
======

L'élément HTML **`<ruby>`** représente une annotation ruby. Les annotations Ruby servent à afficher la prononciation des caractères d'Asie orientale.

Exemple interactif
------------------

Attributs
---------

Cet élément inclut uniquement les attributs globaux.

Exemples
--------

### Annoter un caractère

#### HTML


```html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
```


#### Résultat

### Annoter un mot

#### HTML


```html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
```


#### Résultat

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux,
 contenu de phrasé,
 contenu tangible.
  |
| Contenu autorisé | Contenu de phrasé. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | Tout élément qui accepte du contenu de phrasé. |
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | `HTMLElement` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-ruby-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<rt>`
* `<rp>`
* `<rb>`
* `<rtc>`
* `<rbc>`
* `text-transform: full-size-kana`
<hr> : l'élément de rupture thématique (règle horizontale)
==========================================================

L'élément HTML **`<hr>`** représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'une section).

Exemple interactif
------------------

Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et ne représente plus un élément de mise en forme.

Attributs
---------

Cet élément prend en charge les attributs universels.

### Attributs dépréciés, obsolètes ou non-standard

`align` 
Obsolète

Définit l'alignement de la ligne horizontale sur la page. Si aucune valeur n'est renseignée, la valeur prise par défaut est `left`.

`color` 
Non-standard

Définit la couleur à utiliser pour la ligne horizontale, grâce à un nom de couleur SVG ou à un code hexadécimal (précédé d'un #).

`noshade` 
Obsolète

Avec cet attribut, la ligne horizontale n'aura pas d'ombre.

`size` 
Obsolète

Définit la hauteur de la ligne, exprimée en pixels.

`width` 
Obsolète

Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents.

Exemples
--------

### HTML


```html
<p>
  Ceci est le premier paragraphe du texte. Les pandas roux sont géniaux. C'est
  mignon et c'est tout doux.
</p>

<hr />

<p>
  Ceci est le deuxième paragraphe du texte. Les poneys ne sont pas pareils. Ils
  sont plus grands et moins exotiques.
</p>
```

### Résultat

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux |
| Contenu autorisé | Aucun, c'est un élément vide. |
| Omission de balises | 
 Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de
 balise fermante.
  |
| Parents autorisés | 
 Tout élément qui accepte du
 contenu de flux.
  |
| Rôles ARIA autorisés | `presentation` |
| Interface DOM | `HTMLHRElement` (en-US) |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-hr-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<p>` qui permet de constituer des paragraphes.
<section> : l'élément de section générique
==========================================

L'élément HTML **`<section>`** représente une section générique d'un document, par exemple un groupe de contenu thématique. Une section commence généralement avec un titre.

Exemple interactif
------------------

Ainsi, un menu de navigation devrait être délimité par un élément `<nav>` mais une liste de résultat de recherche, qui ne dispose pas d'élément spécifique pour être représentée, pourrait être englobée dans un élément `<section>`.

**Note :** Si le contenu de l'élément devrait être considéré comme un fragment indépendant (qui puisse être séparée du reste du contenu), l'élément `<article>` sera plus pertinent.

Attributs
---------

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation
-------------------

* Chaque élément `<section>` devrait être identifié, généralement grâce à un élément de titre (`<h1>`-`<h6>`) qui est un élément fils de l'élément `<section>`.
* S'il est plus pertinent que le contenu soit à part, on utilisera l'élément `<article>`.
* L'élément `<section>` ne doit pas être utilisé comme un conteneur générique : c'est le rôle de `<div>`, notamment lorsque le sectionnement du contenu sert uniquement la mise en forme. Pour savoir lequel utiliser, on peut se demander si la section doit apparaître sur le plan du document : si oui, on utilisera `<section>`, sinon, `<div>`.
Exemples
--------

### HTML


```html
<section>
  <h1>Titre</h1>
  <p>Du contenu sur un thème pour ce titre</p>
</section>
```

### Résultat

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux,
 contenu sectionnant,
 contenu tangible.
  |
| Contenu autorisé | Contenu de flux. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | 
 Tout élément qui accepte du
 contenu de flux. Un élément `<section>` ne peut pas être le descendant
 d'un élément `<address>`.
  |
| Rôles ARIA autorisés | `alert`, `alertdialog`,
 `application (en-US)`, `banner`,
 `complementary (en-US)`,
 `contentinfo (en-US)`, `dialog`,
 `document (en-US)`, `feed (en-US)`,
 `log`, `main (en-US)`,
 `marquee (en-US)`, `navigation (en-US)`,
 `search (en-US)`, `status`,
 `tabpanel (en-US)` |
| Interface DOM | `HTMLElement` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-section-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Les autres éléments HTML relatifs au plan du document : `<body>`, `<nav>`, `<article>`, `<aside>`, `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<hgroup>`, `<header>`, `<footer>`, `<address>`
* Structure et sections d'un document HTML5
* ARIA : le rôle `region` (en-US)
<q> : l'élément de citation en incise
=====================================

L'élément HTML **`<q>`** indique que le texte qu'il contient est une citation en incise. La plupart des navigateurs modernes entoure le texte de cet élément avec des marques de citation. Cet élément est destiné aux citations courtes qui ne nécessitent pas de sauts de paragraphe. Pour les plus grandes citations, on utilisera l'élément `<blockquote>`.

Exemple interactif
------------------

**Note :** La plupart des navigateurs récents ajoutent automatiquement des guillemets autours du contenu d'un élément `<q>` mais il peut être nécessaire d'ajouter une règle CSS pour les ajouter dans les anciens navigateurs.

Attributs
---------

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

`cite`

La valeur de cet attribut est une URL désignant la source du message ou de l'information citée. Cet attribut est prévu pour fournir des renseignements concernant le contexte ou la référence de cette citation.

Exemples
--------

### HTML


```html
<p>
  Chaque fois que Kenny est tué, Stan dira
  <q cite="http://fr.wikipedia.org/wiki/Kenny\_McCormick#Le\_dialogue\_rituel">
    Oh mon Dieu, ils ont tué Kenny ! </q
 >.
</p>
```

### Résultat

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux,
 contenu phrasé,
 contenu tangible.
  |
| Contenu autorisé | Contenu phrasé. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | 
 Tout élément acceptant du
 contenu phrasé.
  |
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | `HTMLQuoteElement` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-q-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<blockquote>` pour les citations longues
* `<cite>` pour les sources des citations
<frame>
=======

**Obsolète:** Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

L'élément HTML **`<frame>`** définit une zone particulière dans laquelle un autre document HTML est affiché. Une `<frame>` (un « cadre » en français) doit être utilisée dans un élément `<frameset>`.

Utiliser l'élément `<frame>` est déconseillé en raison de certains inconvénients tels que des problèmes de performance et un manque d'accessibilité pour les personnes utilisant des lecteurs d'écran. Utilisez plutôt l'élément `<iframe>`.

Attributs
---------

Comme tous les autres éléments HTML, cet élément prend en charge les attributs universels.

`src`

Cet attribut indique le document qui doit être affiché dans la frame.

`name`

Cet attribut sert à nommer les frames. Sans nommage, tous les liens seront ouverts dans la frame où ils se trouvent. Voir `target` pour plus d'informations.

`noresize`

Cet attribut empêche aux utilisateurs de redimensionner les frames.

`scrolling`

Cet attribut définit l'existence des barres de défilement. Si cet attribut n'est pas utilisé, le navigateur mettre une barre de défilement si nécessaire. Il y a deux options : `"yes"` pour afficher les barres de défilement même quand ce n'est pas nécessaire, et `"no"` pour ne pas afficher les barres de défilement même quand c'est nécessaire.

`marginheight`

Cet attribut définit la hauteur des marges entre les frames.

`marginwidth`

Cet attribut définit la largeur des marges entre les frames.

`frameborder`

Cet attribut permet de mettre des bordures à la frame.

Exemple
-------


```html
<frameset cols="50%,50%">
  <frame src="https://developer.mozilla.org/fr/docs/Web/HTML/Element/iframe" />
  <frame src="https://developer.mozilla.org/fr/docs/Web/HTML/Element/frame" />
</frameset>
```

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # frame |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'élément `<frameset>`
* L'élément `<iframe>`
<nav> : l'élément de section de navigation
==========================================

L'élément HTML **<nav>** représente une section d'une page ayant des liens vers d'autres pages ou des fragments de cette page. Autrement dit, c'est une section destinée à la navigation dans un document (avec des menus, des tables des matières, des index, etc.).

Exemple interactif
------------------

Attributs
---------

Cet élément ne possède que les attributs universels.

Notes d'utilisation
-------------------

* Tous les liens d'un document ne doivent pas faire partie d'un élément `<nav>`. Ce dernier est fait pour créer des blocs conséquents contenants des liens de navigations au sein du document. L'élément `<footer>` possède souvent différents liens, il n'a pour autant pas besoin d'être dans un élément `<nav>`.
* Un document peut avoir plusieurs éléments `<nav>`, par exemple un pour la navigation sur le site et un autre pour la navigation au sein de la page. L'attribut `aria-labelledby` pourra être utilisé afin d'améliorer l'accessibilité.
* Les agents utilisateurs, tels que les lecteurs d'écrans assistant les utilisateurs handicapés, peuvent utiliser cet élément pour déterminer s'il faut omettre ou non le rendu initial du contenu relatif uniquement à la navigation.
Exemples
--------

### HTML


```html
<nav class="menu">
  <ul>
    <li><a href="#Accueil">Accueil</a></li>
    <li><a href="#Apropos">À propos</a></li>
    <li><a href="#Contact">Contact</a></li>
  </ul>
</nav>
```

### Résultat

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux,
 contenu sectionnant,
 contenu tangible.
  |
| Contenu autorisé | Contenu de flux. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | 
 Tout élément acceptant du
 contenu de flux.
  |
| Rôles ARIA autorisés | Aucun |
| Interface DOM | `HTMLElement` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-nav-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Les autres éléments HTML en relation avec les sections : `<body>`, `<article>`, `<section>`, `<aside>`, `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<hgroup>`, `<header>`, `<footer>`, `<address>`
* Plan et section d'un document HTML5
* ARIA : le rôle `navigation` (en-US)
<param> : l'élément paramètre d'un objet
========================================

L'élément HTML **`<param>`** définit les paramètres qui peuvent être employés dans un élément `<object>`.

Attributs
---------

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

`name`

Le nom du paramètre

`value`

Cet attribut définit la valeur du paramètre.

### Attributs obsolètes

`type` 
Obsolète

Cet attribut est uniquement utilisé si l'attribut `valuetype` vaut `"ref"`. Il définit le type MIME des valeurs trouvées à l'URI.

`valuetype` 
Obsolète

Cet attribut définit le type de la valeur indiquée par l'attribut `value`. Les valeurs possibles sont :

* `data` : la valeur par défaut. La valeur est passée sous la forme d'une chaîne de caractères.
* `ref` : la valeur est une URI vers une ressource où sont stockées les valeurs de l'exécution.
* `object` : l'identifiant d'un autre élément `<object>` dans le document.

Exemples
--------


```html
<object data="animation.swf" type="application/x-shockwave-flash">
  <param name="param11" value="valeurConf" />
</object>
```

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Aucun. |
| Contenu autorisé | Aucun, c'est un élément vide. |
| Omission de balise | 
 Cet élément est un élément vide, As it is a void element, the start tag
 must be present and the end tag must not be present.
  |
| Parents autorisés | 
 Un élément `<object>` avant du
 contenu de flux.
  |
| Rôles ARIA autorisés | Aucun. |
| Interface DOM | `HTMLParamElement` (en-US) |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-param-element |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<object>`
<sub> : l'élément de mise en indice
===================================

L'élément HTML **`<sub>`** est utilisé, pour des raisons typographiques, afin d'afficher du texte en indice (sous la ligne de base et généralement plus petit) par rapport au bloc de texte environnant.

Exemple interactif
------------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux, contenu phrasé. |
| Contenu autorisé | Contenu phrasé. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires. |
| Parents autorisés | Tout élément acceptant du contenu phrasé. |
| Rôle ARIA implicite | Aucun rôle correspondant. |
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | `HTMLElement` |

Attributs
---------

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation
-------------------

L'élément `<sub>` devrait uniquement être utilisé à des fins typographiques (afin de modifier la position du texte en raison des conventions typographiques) et non pour obtenir des effets de mise en forme.

Ainsi, on n'utilisera pas `<sub>` pour restituer l'effet visuel d'un logo mais plutôt la propriété CSS `vertical-align` avec la valeur `sub`).

Voici certains cas d'utilisation (non exhaustifs) pour `<sub>` :

* L'indication de renvois en bas de page
* L'écriture de certains éléments d'une formule mathématique
    + Dans le cadre de formules complexes, MathML peut s'avérer plus pertinent que l'enchaînement d'éléments `<sup>` et `<sub>`.
* L'écriture du nombre d'atomes dans une formule chimique (ex. C8H10N4O2).
Exemples
--------

### Renvoi vers une note de bas de page

#### HTML


```html
<p>
  Selon les calculs effectués par Nakamura, Johnson et Mason<sub>1</sub>, cela
  causera l'annulation complète des deux particules.
</p>
```


#### Résultat

### Formule chimique

#### HTML


```html
<p>La molécule d'eau est symbolisée par H<sub>2</sub>O.</p>
```


#### Résultat

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-sub-and-sup-elements |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'élément HTML `<sup>` qui permet une mise en exposant. Il est à noter que l'élément `<sub>` et l'élément `<sup>` ne peuvent pas être utilisés simultanément. Pour afficher le symbole chimique d'un élément, il faudra utiliser MathML pour représenter à la fois le numéro atomique et le nombre de masse.
* Les éléments MathML `<msub>`, `<msup>` (en-US), et `<msubsup>` (en-US).
* La propriété CSS `vertical-align`.
<slot>
======

Baseline Widely available
-------------------------

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Learn more
* See full compatibility
* Report feedback
L'élément HTML **`<slot>`** représente un emplacement d'un composant web qu'on peut remplir avec son propre balisage. On peut ainsi obtenir un document construit avec différents arbres DOM. Cet élément fait partie des outils relatifs aux composants web (Web Components).

Attributs
---------

Cet élément inclut les attributs universels.

`name`

Le nom de l'emplacement créé.

Un ***« slot » nommé*** est un élément `<slot>` avec un attribut `name`.

Exemples
--------


```html
<template id="element-details-template">
  <style>
 details {
 font-family: "Open Sans Light", Helvetica, Arial, sans-serif;
 }
 .name {
 font-weight: bold;
 color: #217ac0;
 font-size: 120%;
 }
 h4 {
 margin: 10px 0 -8px 0;
 background: #217ac0;
 color: white;
 padding: 2px 6px;
 border: 1px solid #cee9f9;
 border-radius: 4px;
 }
 .attributes {
 margin-left: 22px;
 font-size: 90%;
 }
 .attributes p {
 margin-left: 16px;
 font-style: italic;
 }
 </style>
  <details>
    <summary>
      <code class="name"
 >&lt;<slot name="element-name">Remplacer ce nom</slot>&gt;</code
 >
      <i class="desc"
 ><slot name="description">Remplacer cette description</slot></i
 >
    </summary>
    <div class="attributes">
      <h4>Attributs</h4>
      <slot name="attributes"><p>Aucun</p></slot>
    </div>
  </details>
  <hr />
</template>
```


**Note :** Vous pouvez retrouver cet exemple sur ce dépôt GitHub et observer son fonctionnement en live ici. Une explication plus détaillée est également disponible avec l'article Manipuler `template` et `slot`.

Résumé technique
----------------

|  |  |
| --- | --- |
| Catégories de contenu | Contenu de flux,
 contenu phrasé.
  |
| Contenu autorisé | Contenu transparent. |
| Évènements | `slotchange` (en-US) |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | 
 Tout élément qui accepte du
 contenu phrasé.
  |
| Rôles ARIA autorisés | Aucun. |
| Interface DOM | `HTMLSlotElement` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-slot-element |
| DOM Standard # shadow-tree-slots |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<template>`
<strike>
========

**Obsolète:** Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

L'élément HTML **`<strike>`** permet de représenter du texte barré ou avec une ligne le traversant.

**Note :** Comme tous les éléments se limitant à la présentation, `<strike>` a été déprécié en HTML 4 et XHTML 1, et rendu obsolète dans HTML5. Si on souhaite représente du contenu *supprimé*, on utilisera l'élément `<del>` ; dans les autres cas, on utilisera un élément `
`.

Attributs
---------

Cet élément n'a aucun autre attribut en dehors des attributs universels, communs à tous les éléments.

Interface DOM
-------------

Cet élément implémente l'interface `HTMLElement`.

**Note :** Jusqu'à Gecko 1.9.2 inclus, Firefox implémente l'interface `HTMLSpanElement` pour cet élément.

Exemples
--------


```html
<strike> Plat du jour : Saumon </strike> ÉPUISÉ
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # strike |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'élément `
`, proche de `<strike>`, également obsolète
* L'élément `<del>` qui doit être utilisé lorsque le contenu a été *supprimé*
* La propriété CSS `text-decoration` qui permet d'obtenir le même effet visuel que l'élément `<strike>`