diff options
Diffstat (limited to 'files/fr/web/html')
| -rw-r--r-- | files/fr/web/html/element/em/index.md | 32 | ||||
| -rw-r--r-- | files/fr/web/html/element/figure/favicon-192x192.png | bin | 1036 -> 0 bytes | |||
| -rw-r--r-- | files/fr/web/html/element/img/clock-demo-400px.png | bin | 90575 -> 0 bytes | |||
| -rw-r--r-- | files/fr/web/html/element/img/favicon144.png | bin | 3086 -> 0 bytes | |||
| -rw-r--r-- | files/fr/web/html/element/img/favicon72.png | bin | 2061 -> 0 bytes | |||
| -rw-r--r-- | files/fr/web/html/index/index.md | 9 |
6 files changed, 13 insertions, 28 deletions
diff --git a/files/fr/web/html/element/em/index.md b/files/fr/web/html/element/em/index.md index 07cc7b951e..5236686553 100644 --- a/files/fr/web/html/element/em/index.md +++ b/files/fr/web/html/element/em/index.md @@ -1,18 +1,12 @@ --- title: '<em> : l''élément d''emphase' slug: Web/HTML/Element/em -tags: - - Element - - HTML - - HTML text-level semantics - - Reference - - Web translation_of: Web/HTML/Element/em browser-compat: html.elements.em --- {{HTMLRef}} -L'élément HTML **`<em>`** (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister. Les éléments `<em>` peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé. +L'élément [HTML](/fr/docs/Web/HTML) **`<em>`** (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister. Les éléments `<em>` peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé. {{EmbedInteractiveExample("pages/tabbed/em.html", "tabbed-shorter")}} @@ -25,13 +19,13 @@ L'élément HTML **`<em>`** (pour emphase) est utilisé afin de marquer un texte > </th> <td> - <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_de_flux" >Contenu de flux</a >, - <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_phrasé" >contenu phrasé</a >, - <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content" + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_tangible" >contenu tangible</a >. </td> @@ -39,7 +33,7 @@ L'élément HTML **`<em>`** (pour emphase) est utilisé afin de marquer un texte <tr> <th scope="row">Contenu autorisé</th> <td> - <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_phrasé" >Contenu phrasé</a >. </td> @@ -55,7 +49,7 @@ L'élément HTML **`<em>`** (pour emphase) est utilisé afin de marquer un texte <th scope="row">Parents autorisés</th> <td> Tout élément qui accepte du - <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" + <a href="/fr/docs/Web/Guide/HTML/Content_categories#contenu_phrasé" >contenu phrasé</a >. </td> @@ -95,19 +89,19 @@ Comme tous les éléments HTML, cet élément prend en charge [les attributs uni L'élément `<em>` est destiné aux mots dont l'accent est souligné par rapport au texte environnant, ce qui est souvent limité à un ou plusieurs mots d'une phrase et affecte le sens de la phrase elle-même. -Habituellement, cet élément est affiché avec une police italique. Cependant, il ne doit pas être utilisé pour appliquer un style italique ; pour la mise en forme, on utilisera l'élément [`<i>`](/fr/docs/Web/HTML/Element/i) ou des styles CSS. Pour marquer le titre d'une œuvre (livre, chanson, pièce, etc.), on utilisera l'élément [`<cite>`](/fr/docs/Web/HTML/Element/cite) ; il est aussi habituellement affiché avec une police italique, mais porte un sens différent. Enfin, on utilisera l'élément [`<strong>`](/fr/docs/Web/HTML/Element/strong) pour marquer un texte plus important que le texte qui l'entoure. +Habituellement, cet élément est affiché avec une police italique. Cependant, il ne doit pas être utilisé pour appliquer un style italique ; pour la mise en forme, on utilisera l'élément [`<i>`](/fr/docs/Web/HTML/Element/i) ou des styles CSS. Pour marquer le titre d'une œuvre (livre, chanson, pièce, etc.), on utilisera l'élément [`<cite>`](/fr/docs/Web/HTML/Element/cite) ; il est aussi habituellement affiché avec une police italique, mais porte un sens différent. Enfin, on utilisera l'élément [`<strong>`](/fr/docs/Web/HTML/Element/strong) pour marquer un texte plus important que le texte qui l'entoure. -### \<i> ou \<em> ? +### `<i>` ou `<em>` ? -Lorsqu'on débute en développement web, on peut être dérouté⋅e de voir plusieurs éléments qui produisent des résultats similaires. `<em>` et `<i>` sont un exemple courant, car ils mettent tous deux le texte en italique. Quelle est la différence ? Laquelle doit-on utiliser ? +Lorsqu'on débute en développement web, on peut être dérouté de voir plusieurs éléments qui produisent des résultats similaires. `<em>` et `<i>` sont un exemple courant, car ils mettent tous deux le texte en italique. Quelle est la différence ? Laquelle doit-on utiliser ? -Par défaut, le résultat visuel est le même. Cependant, la signification sémantique est différente. L'élément `<em>` représente l'accentuation de son contenu, tandis que l'élément `<i>` représente le texte qui se détache de la prose normale, comme un mot étranger, les pensées d'un personnage fictif, ou lorsque le texte fait référence à la définition d'un mot au lieu de représenter son sens sémantique. (Le titre d'une œuvre, comme le nom d'un livre ou d'un film, devrait utiliser `<cite>`). +Par défaut, le résultat visuel est le même. Cependant, la signification sémantique est différente. L'élément `<em>` représente l'accentuation de son contenu, tandis que l'élément `<i>` représente le texte qui se détache de la prose normale, comme un mot étranger, les pensées d'un personnage fictif, ou lorsque le texte fait référence à la définition d'un mot au lieu de représenter son sens sémantique. (Le titre d'une œuvre, comme le nom d'un livre ou d'un film, devrait utiliser `<cite>`.) Cela signifie que le choix de l'option à utiliser dépend de la situation. Ni l'un ni l'autre ne sont destinés à des fins purement décoratives, c'est à cela que sert le style CSS. -Un exemple pour `<em>` pourrait être : « _Faites_-le déjà ! », ou : « Nous _devions_ faire quelque chose à ce sujet ». Une personne ou un logiciel lisant le texte prononcerait les mots en italique avec une emphase, en utilisant l'accentuation verbale. +Un exemple pour `<em>` pourrait être : « _Faites_-le déjà ! », ou : « Nous _devions_ faire quelque chose à ce sujet ». Une personne ou un logiciel lisant le texte prononcerait les mots en italique avec une emphase, en utilisant l'accentuation verbale. -Un exemple pour `<i>` pourrait être : « Le _Queen Mary_ a pris la mer la nuit dernière ». Ici, il n'y a pas d'accentuation ou d'importance supplémentaire sur le mot « Queen Mary ». Il est simplement indiqué que l'objet en question n'est pas une reine nommée Mary, mais un navire nommé _Queen Mary_. Un autre exemple de `<i>` pourrait être : « Le mot _the_ est un article ». +Un exemple pour `<i>` pourrait être : « Le <i lang="en">Queen Mary</i> a pris la mer la nuit dernière ». Ici, il n'y a pas d'accentuation ou d'importance supplémentaire sur le mot « Queen Mary ». Il est simplement indiqué que l'objet en question n'est pas une reine nommée Mary, mais un navire nommé <i lang="en">Queen Mary</i>. Un autre exemple de `<i>` pourrait être : « Le mot <i lang="en">the</i> est un article ». ## Exemple @@ -122,7 +116,7 @@ L'élément `<em>` est souvent utilisé pour indiquer un contraste, implicite ou ### Résultat -{{EmbedLiveSample("Exemple", "", 100)}} +{{EmbedLiveSample("")}} ## Spécifications diff --git a/files/fr/web/html/element/figure/favicon-192x192.png b/files/fr/web/html/element/figure/favicon-192x192.png Binary files differdeleted file mode 100644 index 03de2b5d74..0000000000 --- a/files/fr/web/html/element/figure/favicon-192x192.png +++ /dev/null diff --git a/files/fr/web/html/element/img/clock-demo-400px.png b/files/fr/web/html/element/img/clock-demo-400px.png Binary files differdeleted file mode 100644 index 999ad528fe..0000000000 --- a/files/fr/web/html/element/img/clock-demo-400px.png +++ /dev/null diff --git a/files/fr/web/html/element/img/favicon144.png b/files/fr/web/html/element/img/favicon144.png Binary files differdeleted file mode 100644 index e30b574b65..0000000000 --- a/files/fr/web/html/element/img/favicon144.png +++ /dev/null diff --git a/files/fr/web/html/element/img/favicon72.png b/files/fr/web/html/element/img/favicon72.png Binary files differdeleted file mode 100644 index db68260ca1..0000000000 --- a/files/fr/web/html/element/img/favicon72.png +++ /dev/null diff --git a/files/fr/web/html/index/index.md b/files/fr/web/html/index/index.md deleted file mode 100644 index 73f68028a6..0000000000 --- a/files/fr/web/html/index/index.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: Index de la documentation HTML -slug: Web/HTML/Index -tags: - - HTML - - Index -translation_of: Web/HTML/Index ---- -{{Index("/fr/docs/Web/HTML")}} |
