diff options
Diffstat (limited to 'files/fr/web/html/element/big/index.html')
| -rw-r--r-- | files/fr/web/html/element/big/index.html | 92 |
1 files changed, 60 insertions, 32 deletions
diff --git a/files/fr/web/html/element/big/index.html b/files/fr/web/html/element/big/index.html index 77536b5bb8..9ce6c4aa2c 100644 --- a/files/fr/web/html/element/big/index.html +++ b/files/fr/web/html/element/big/index.html @@ -1,67 +1,95 @@ --- -title: '<big> : l''élément d''agrandissement de texte (obsolète)' +title: '<big> : l''élément d''agrandissement de texte' slug: Web/HTML/Element/big tags: - Element - HTML - - Obsolete + - Deprecated - Reference - Web translation_of: Web/HTML/Element/big +browser-compat: html.elements.big --- -<div>{{obsolete_header}}{{HTMLRef}}</div> +<div>{{HTMLRef}}</div> -<p>L'élément <strong><code><big></code></strong> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de <code>small</code> à <code>medium</code>, ou de <code>large</code> à <code>x-large</code>) jusqu'à atteindre la taille maximale du navigateur.</p> +<div class="notecard deprecated"> + <p><b>Obsolète</b></p> + <p>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.</p> +</div> -<div class="note"> -<p><strong>Note d'utilisation : </strong>Cet élément est purement stylistique. Il a été supprimé dans <a href="/fr/docs/Web/Guide/HTML/HTML5">HTML5</a> et ne doit plus être utilisé. Les développeurs web doivent utiliser les propriétés <a href="/fr/docs/Web/CSS">CSS</a> pour remplacer cet élément.</p> +<p class="summary">L'élément HTML <strong><code><big></code></strong> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de <code>small</code> à <code>medium</code>, ou de <code>large</code> à <code>x-large</code>) jusqu'à atteindre la taille maximale autorisée par le navigateur.</p> + +<div class="notecard note"> + <p><b>Note d'utilisation :</b></p> + <p>Cet élément est purement stylistique. Il a été supprimé en HTML5 et ne doit plus être utilisé. Les développeurs web doivent utiliser les propriétés <a href="/fr/docs/Web/CSS">CSS</a> pour remplacer cet élément.</p> </div> -<h2 id="Attributs">Attributs</h2> +<h2 id="attributes">Attributs</h2> + +<p>Cet élément n'a aucun autre attribut en dehors des <a href="/fr/docs/Web/HTML/Global_attributes">attributs universels</a> communs à tous les éléments.</p> -<p>Cet élément n'a aucun autre attribut en dehors des <a href="/fr/docs/Web/HTML/Attributs_universels">attributs universels</a> communs à tous les éléments.</p> +<h2 id="examples">Exemples</h2> -<h2 id="Exemples">Exemples</h2> +<p>Nous voyons ici des exemples montrant l'utilisation de <code><big></code> suivis d'un exemple montrant comment obtenir les mêmes résultats en utilisant plutôt la syntaxe CSS moderne.</p> -<h3 id="Exemple_simple">Exemple simple</h3> +<h3 id="using_<big>">Utilisation de <code><big></code></h3> + +<div id="using_big"> +<p>Dans cet exemple, on utilise l'élément obsolète <code><big></code> afin d'augmenter la taille du texte.</p> + +<h4 id="html">HTML</h4> <pre class="brush: html"><p> - Ceci est la première phrase. - <big> - Cette phrase est en grosses lettres. - </big> + C'est la première phrase. <big>Cette phrase + entière phrase est en plus gros caractères.</big> </p></pre> +</div> +<h4 id="result">Résultat</h4> + +<p>{{EmbedLiveSample("using_big", "", 110)}}</p> -<h3 id="Utilisation_du_CSS_pour_remplacer_<big>">Utilisation du CSS pour remplacer <code><big></code></h3> +<h3 id="using_css_font-size">Utilisation de la propriété CSS <code>font-size</code></h3> + +<p>Cet exemple utilise la propriété CSS <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a> pour augmenter la taille de la police d'un niveau.</p> + +<h4 id="css">CSS</h4> + +<pre class="brush: css">.bigger { + font-size: larger; +}</pre> + +<h4 id="html_2">HTML</h4> <pre class="brush: html"><p> - Ceci est la première phrase. - <span style="font-size:1.2em"> - Cette phrase est en grosses lettres. - </span> + C'est la première phrase. <span class="bigger">Cette phrase + entière est écrite en plus grosses lettres.</span> </p></pre> -<h3 id="Resultat">Resultat</h3> +<h4 id="result_2">Résultat</h4> -<p>{{EmbedLiveSample("Utilisation_du_CSS_pour_remplacer_&lt;big&gt;",300,200)}}</p> +<p>{{EmbedLiveSample("using_css_font-size", "", 100)}}</p> -<h2 id="Interface_DOM">Interface DOM</h2> +<h2 id="DOM_interface">Interface DOM</h2> -<p>Cette élément implémente l'interface {{domxref('HTMLElement')}}.</p> +<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>.</p> + +<div class="note"> + <p><b>Note d'implémentation :</b></p> + <p>Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a> pour cet élément.</p> +</div> -<div class="note"><strong>Note d'implémentation : </strong>Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface {{domxref('HTMLSpanElement')}} pour cet élément.</div> +<h2 id="specifications">Spécifications</h2> -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +<p>{{Specifications}}</p> -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> +<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> -<p>{{Compat("html.elements.big")}}</p> +<p>{{Compat}}</p> -<h2 id="Voir_aussi">Voir aussi</h2> +<h2 id="see_also">Voir aussi</h2> <ul> - <li>{{htmlelement("small")}}</li> - <li>{{htmlelement("font")}}</li> - <li>{{htmlelement("style")}}</li> - <li>Spécification HTML 4.01 sur <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">la mise en forme des polices</a></li> + <li>CSS : <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a>, <a href="/fr/docs/Web/CSS/font"><code>font</code></a></li> + <li>HTML : <a href="/fr/docs/Web/HTML/Element/small"><code><small></code></a>, <a href="/fr/docs/Web/HTML/Element/font"><code><font></code></a>, <a href="/fr/docs/Web/HTML/Element/style"><code><style></code></a></li> + <li>Spécification HTML 4.01 sur <a href="https://www.w3.org/TR/html4/present/graphics.html#h-15.2">la mise en forme utilisant les polices</a></li> </ul> |