diff options
Diffstat (limited to 'files/fr/glossary')
21 files changed, 141 insertions, 14 deletions
diff --git a/files/fr/glossary/accent/index.html b/files/fr/glossary/accent/index.html new file mode 100644 index 0000000000..3a18102a44 --- /dev/null +++ b/files/fr/glossary/accent/index.html @@ -0,0 +1,22 @@ +--- +title: Accentuation +slug: Glossary/accent +translation_of: 'Glossary/accent' +--- +<p>Une <strong>accentuation</strong> est une couleur généralement vive qui contraste avec les couleurs d'arrière-plan et de premier plan plus utilitaires d'un jeu de couleurs. Celles-ci sont présentes dans le style visuel de nombreuses plates-formes (mais pas toutes).</p> + +<p>Sur le Web, une accentuation est parfois utilisée dans les éléments <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> pour la partie active du contrôle, par exemple l'arrière-plan d'une <a href="/fr/docs/Web/HTML/Element/Input/checkbox">case cochée</a> (« <i>checkbox</i> » en anglais).</p> + +<h2 id="Learn_more">En apprendre plus</h2> + +<h3 id="CSS_related_to_the_accent">CSS lié à l'accentuation</h3> + +<p>Vous pouvez définir la couleur d'accentuation pour un élément donné en définissant la propriété CSS <a href="/fr/docs/Web/CSS/accent-color"><code>accent-color</code></a> de l'élément sur la valeur <a href="/fr/docs/Web/CSS/color_value"><code><color></code></a> appropriée.</p> + +<h3 id="HTML_elements_that_may_present_an_accent">Éléments HTML pouvant avoir une accentuation</h3> + +<ul> + <li><code><a href="/fr/docs/Web/HTML/Element/Input/checkbox"><input type="checkbox"></a></code></li> + <li><code><a href="/fr/docs/Web/HTML/Element/Input/radio"><input type="radio"></a></code></li> + <li><code><a href="/fr/docs/Web/HTML/Element/Input/range"><input type="range"></a></code></li> +</ul> diff --git a/files/fr/glossary/accessibility_tree/index.html b/files/fr/glossary/accessibility_tree/index.html index 80b1d9f653..d5f1f739d0 100644 --- a/files/fr/glossary/accessibility_tree/index.html +++ b/files/fr/glossary/accessibility_tree/index.html @@ -28,7 +28,7 @@ translation_of: Glossary/Accessibility_tree <p>De plus, l'arbre d'accessibilité contient souvent des informations concernant ce qui peut être fait avec un élément : un lien peut être <em>suivi,</em> on peut <em>écrire dans</em> un champ texte etc.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li><a href="/fr/docs/Glossaire">Glossaire</a> diff --git a/files/fr/glossary/ajax/index.html b/files/fr/glossary/ajax/index.html index 3a37adf62d..e07db98289 100644 --- a/files/fr/glossary/ajax/index.html +++ b/files/fr/glossary/ajax/index.html @@ -17,7 +17,7 @@ original_slug: Glossaire/AJAX <p>Avec les sites web interactifs et les standards modernes du web, AJAX est progressivement remplacé par des fonctions dans les cadres JavaScript et l'API standard officielle {{domxref("Fetch API")}}.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ul> <li><a href="/fr/docs/Glossaire">Glossaire du MND</a>: diff --git a/files/fr/glossary/bootstrap/index.html b/files/fr/glossary/bootstrap/index.html index e2fecc8a9b..2582be5642 100644 --- a/files/fr/glossary/bootstrap/index.html +++ b/files/fr/glossary/bootstrap/index.html @@ -14,7 +14,7 @@ original_slug: Glossaire/Bootstrap <p>Initialement, Bootstrap s'appelait Twitter Blueprint et a été développé par une équipe travaillant chez <a href="https://twitter.com/">Twitter</a>. Il prend en charge la conception réactive et propose des modèles de conception prédéfinis que vous pouvez utiliser directement ou personnalier selon vos besoin avec votre code. Vous n'avez pas non plus à vous soucier de la compatibilité avec les autres navigateurs, car Bootstrap est compatible avec tous les navigateurs modernes et les nouvelles versions de {{glossary("Microsoft Internet Explorer", "Internet Explorer")}}.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>{{interwiki("wikipedia", "Bootstrap (front-end framework)", "Bootstrap")}} sur Wikipédia</li> <li><a href="https://getbootstrap.com/">Télécharger Bootstrap</a></li> diff --git a/files/fr/glossary/brotli_compression/index.html b/files/fr/glossary/brotli_compression/index.html index dc7157d402..3f595b3ed2 100644 --- a/files/fr/glossary/brotli_compression/index.html +++ b/files/fr/glossary/brotli_compression/index.html @@ -23,7 +23,7 @@ original_slug: Glossaire/brotli_compression <li><a href="https://caniuse.com/#feat=brotli">Brotli sur Caniuse</a></li> </ul> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ul> <li> <details open><summary></summary> {{ListSubpages("/en-US/docs/Glossary")}}</details> diff --git a/files/fr/glossary/continuous_media/index.html b/files/fr/glossary/continuous_media/index.html new file mode 100644 index 0000000000..b67d26adcc --- /dev/null +++ b/files/fr/glossary/continuous_media/index.html @@ -0,0 +1,10 @@ +--- +title: Médias continus +slug: Glossary/Continuous_Media +translation_of: 'Glossary/Continuous_Media' +--- +<p>Les médias continus (« <i>Continuous Media</i> » en Anglais) sont des données pour lesquelles il existe une relation temporelle entre la source et la destination. Les exemples les plus courants de médias continus sont l'audio et la vidéo animée. Les médias continus peuvent être en temps réel (interactif), où il existe une relation temporelle « étroite » entre la source et le récepteur, ou en streaming (lecture), où la relation est moins stricte.</p> + +<p>CSS peut être utilisé dans une variété de contextes, y compris les médias imprimés. Et certains CSS, en particulier ceux qui sont utilisés pour la mise en page, se comportent différemment selon le contexte dans lequel ils se trouvent.</p> + +<p>Les médias continus identifient donc un contexte où le contenu n'est pas fragmenté. Il coule en continu. Le contenu Web affiché sur un écran est un média continu, tout comme le contenu parlé.</p> diff --git a/files/fr/glossary/database/index.html b/files/fr/glossary/database/index.html new file mode 100644 index 0000000000..236c570abc --- /dev/null +++ b/files/fr/glossary/database/index.html @@ -0,0 +1,23 @@ +--- +title: Base de données +slug: Glossary/Database +translation_of: 'Glossary/Database' +--- +<p>Une <strong>base de donnée</strong> est un système de stockage qui collecte des données organisées, pour faciliter certains travaux comme la recherche, la structure et l'extension.</p> + +<p>Dans le développement web, la plupart des bases de données utilisent le système de gestion de base de données relationnelle (SGBDR) pour organiser les données et la programmation en <a href="/fr/docs/Glossary/SQL">SQL</a>. Cependant, certaines bases de données appelées NoSQL ne suivent pas l'ancien mécanisme de données organisées.</p> + +<p>Parmi les SGBDR côté serveur les plus célèbres nous avons <em>MySQL</em> (ou <em>MariaDB</em> qui en est un <i lang="en">fork</i>), <em>SQL Server</em>, et <em>Oracle Database</em>. D'autre part, certains exemples NoSQL célèbres sont <em>MongoDB</em>, <em>Cassandra</em>, et <em>Redis</em>.</p> + +<p>Les navigateurs ont également leur propre système de base de données appelé <a href="/fr/docs/Glossary/IndexedDB">IndexedDB</a>.</p> + +<section id="Quick_links"> +<ol> + <li><a href="https://fr.wikipedia.org/wiki/Base_de_donn%C3%A9es">Base de données</a> sur Wikipédia + <ol> + <li><a href="/fr/docs/Glossary/IndexedDB">IndexedDB</a></li> + <li><a href="/fr/docs/Glossary/SQL">SQL</a></li> + </ol> + </li> +</ol> +</section> diff --git a/files/fr/glossary/favicon/index.html b/files/fr/glossary/favicon/index.html index f5a605604f..f421cff348 100644 --- a/files/fr/glossary/favicon/index.html +++ b/files/fr/glossary/favicon/index.html @@ -15,7 +15,7 @@ original_slug: Glossaire/Favicon <p>Ils sont utilisés pour améliorer l'expérience utilisateur et renforcer la cohérence de la marque. Lorsqu'une icône familière apparaît dans la barre d'adresse du navigateur, par exemple, elle aide les utilisateurs à savoir qu'ils sont au bon endroit.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>{{interwiki("wikipedia", "Favicon", "Favicon")}} sur Wikipédia</li> <li>Outils diff --git a/files/fr/glossary/first_cpu_idle/index.html b/files/fr/glossary/first_cpu_idle/index.html new file mode 100644 index 0000000000..51212e9e0d --- /dev/null +++ b/files/fr/glossary/first_cpu_idle/index.html @@ -0,0 +1,6 @@ +--- +title: Première inactivité CPU +slug: Glossary/First_CPU_idle +translation_of: 'Glossary/First_CPU_idle' +--- +<p><strong>La première inactivité CPU</strong> (« <i>First CPU Idle</i> » en anglais) mesure quand une page est minimalement interactive, ou quand la fenêtre est suffisamment silencieuse pour gérer les entrées de l'utilisateur. Il s'agit d'une mesure de performance web non standard de Google. Généralement, cela se produit lorsque la plupart des éléments d'interface utilisateur (UI) visibles, mais pas nécessairement tous, sont interactifs et que l'interface utilisateur répond, en moyenne, à la plupart des entrées de l'utilisateur dans les 50 ms. Il est également connu sous le nom de <a href="/fr/docs/Glossary/First_interactive">Premier instant d'interactivité</a>.</p> diff --git a/files/fr/glossary/http_2/index.html b/files/fr/glossary/http_2/index.html index 6888f9c516..97b4ec6e10 100644 --- a/files/fr/glossary/http_2/index.html +++ b/files/fr/glossary/http_2/index.html @@ -15,7 +15,7 @@ original_slug: Glossaire/HTTP_2 <p>HTTP/2 ne modifie en aucune façon la sémantique d'application de HTTP. Tous les concepts fondamentaux de HTTP 1.1, tels que les méthodes HTTP, les codes d'état, les URL et les champs d'en-tête, restent en place. En revanche, HTTP/2 modifie la façon dont les données sont formatées (encadrées) et transportées entre le client et le serveur, qui gèrent tous deux l'ensemble du processus, et dissimule la complexité de l'application dans la nouvelle couche d'encadrement. Par conséquent, toutes les applications existantes peuvent être fournies sans modification.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>Culture générale <ol> diff --git a/files/fr/glossary/http_3/index.html b/files/fr/glossary/http_3/index.html index 5f25500ab6..bd46ed765a 100644 --- a/files/fr/glossary/http_3/index.html +++ b/files/fr/glossary/http_3/index.html @@ -10,7 +10,7 @@ original_slug: Glossaire/HTTP_3 --- <p><span class="seoSummary"><strong>HTTP/3</strong> est la prochaine révision majeure du <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP">protocole réseau HTTP</a></span>, succédant à {{glossary("HTTP 2", "HTTP/2")}}. Le point majeur de HTTP/3 est qu'il utilise un nouveau protocole {{glossary("UDP")}} nommé QUIC, au lieu de {{glossary("TCP")}}.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>Culture générale <ol> diff --git a/files/fr/glossary/input_method_editor/index.html b/files/fr/glossary/input_method_editor/index.html index 6bb07a44ce..608e4b8145 100644 --- a/files/fr/glossary/input_method_editor/index.html +++ b/files/fr/glossary/input_method_editor/index.html @@ -14,7 +14,7 @@ original_slug: Glossaire/Input_method_editor <li>la saisie de texte à partir d'un écran tactile avec reconnaisance d'écriture manuscrite.</li> </ul> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>Wikipedia articles <ol> diff --git a/files/fr/glossary/internationalization_and_localization/index.html b/files/fr/glossary/internationalization_and_localization/index.html index 4b44e5f3d5..2cb6a543a3 100644 --- a/files/fr/glossary/internationalization_and_localization/index.html +++ b/files/fr/glossary/internationalization_and_localization/index.html @@ -20,7 +20,7 @@ original_slug: Glossaire/Internationalisation_et_localisation <li><a href="/en-US/docs/Learn/CSS/CSS_layout/Flexbox">Disposition Flexbox</a> et <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Grid</a></li> </ul> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ul> <li> <details open><summary></summary> {{ListSubpages("/en-US/docs/Glossary")}}</details> diff --git a/files/fr/glossary/intrinsic_size/index.html b/files/fr/glossary/intrinsic_size/index.html new file mode 100644 index 0000000000..684e7fac9f --- /dev/null +++ b/files/fr/glossary/intrinsic_size/index.html @@ -0,0 +1,15 @@ +--- +title: Taille intrinsèque +slug: Glossary/Intrinsic_Size +translation_of: 'Glossary/Intrinsic_Size' +--- + +<p>En CSS, la <em>taille intrinsèque</em> d'un élément est la taille qu'il aurait en fonction de son contenu, si aucun facteur externe ne lui était appliqué. Par exemple, les éléments en ligne sont dimensionnés de manière intrinsèque : la <code>largeur</code>, la <code>hauteur</code>, la marge et le remplissage vertical n'ont aucun impact, contrairement à la marge et au remplissage horizontal.</p> + +<p>La manière dont les tailles intrinsèques sont calculées est définie dans la <a href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes">Spécification de dimensionnement intrinsèque et extrinsèque du CSS</a>.</p> + +<p>Le dimensionnement intrinsèque prend en compte la taille <code>min-content</code> et <code>max-content</code> d'un élément. Pour le texte, la taille du <code>min-content</code> serait le fait que le texte soit aussi petit que possible dans le sens linéaire sans provoquer de débordement, en faisant autant d'enveloppement souple que possible. Pour une boîte contenant une chaîne de texte, la taille du <code>min-content</code> serait définie par le mot le plus long. La valeur du mot-clé de <code>min-content</code> pour la propriété {{cssxref("width")}} dimensionnera un élément en fonction de la taille de <code>min-content</code>.</p> + +<p>La taille de <code>max-content</code> est l'inverse — dans le cas du texte, le texte s'afficherait aussi large que possible, sans enveloppement souple, même si un débordement était provoqué. La valeur du mot clé <code>max-content</code> expose ce comportement.</p> + +<p>Pour les images, la taille intrinsèque a la même signification — c'est la taille avec laquelle une image serait affichée si aucun CSS n'était appliqué pour modifier le rendu. Par défaut, les images sont supposées avoir une densité de "1x" pixels (1 pixel de périphérique = 1 pixel CSS) et donc la taille intrinsèque est simplement la hauteur et la largeur du pixel. La taille et la résolution intrinsèques de l'image peuvent être explicitement spécifiées dans les données {{Glossary("EXIF")}}. La densité de pixels intrinsèque peut également être définie pour les images à l'aide de l'attribut {{htmlattrxref("srcset", "img")}} (notez que si les deux mécanismes sont utilisés, la valeur <code>srcset</code> est appliquée "par-dessus" la valeur EXIF).</p> diff --git a/files/fr/glossary/lossless_compression/index.html b/files/fr/glossary/lossless_compression/index.html index b444a78fa4..56aef4c83d 100644 --- a/files/fr/glossary/lossless_compression/index.html +++ b/files/fr/glossary/lossless_compression/index.html @@ -15,7 +15,7 @@ original_slug: Glossaire/Compression_sans_perte <p>{{glossary("Lossy compression")}}, en revanche, résulte en une approximation inexacte, puisque certaines données du fichier d'origine ont été abandonnées, faisant de la compression avec perte une méthode irréversible.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <p><a href="/en-US/docs/Glossary">Glossary</a></p> <ol> diff --git a/files/fr/glossary/same-origin_policy/index.html b/files/fr/glossary/same-origin_policy/index.html index 0a735f4b04..793dbbc73d 100644 --- a/files/fr/glossary/same-origin_policy/index.html +++ b/files/fr/glossary/same-origin_policy/index.html @@ -8,7 +8,7 @@ original_slug: Glossaire/Same-origin_policy <p>Voir <a href="https://developer.mozilla.org/fr/docs/Web/Security/Same_origin_policy_for_JavaScript">Same origin policy</a> pour plus d’informations.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ul> <li><a href="/fr/docs/Glossary">Glossaire MDN</a> : diff --git a/files/fr/glossary/spa/index.html b/files/fr/glossary/spa/index.html new file mode 100644 index 0000000000..f6426919fc --- /dev/null +++ b/files/fr/glossary/spa/index.html @@ -0,0 +1,38 @@ +--- +title: Application monopage (SPA) +slug: Glossary/SPA +translation_of: 'Glossary/SPA' +--- +<p>Une application monopage ou SPA (« <i>Single-page application</i> » en anglais) est une implémentation d'application web qui ne charge qu'un seul document web, puis met à jour le contenu du corps de ce document via des API JavaScript telles que <a href="/fr/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a> et <a href="/fr/docs/Web/API/Fetch_API">Fetch</a> lorsqu'un contenu différent doit être affiché.</p> + +<p>Cela permet donc aux utilisateurs d'utiliser des sites web sans charger de nouvelles pages entières à partir du serveur, ce qui peut entraîner des gains de performances et une expérience plus dynamique, avec certains inconvénients tels que le référencement (SEO), plus d'efforts nécessaires pour maintenir l'état, mettre en œuvre la navigation et mesurer les performances.</p> + +<h2 id="learn_more">En apprendre plus</h2> + +<h3 id="general_knowledge">Connaissance générale</h3> + +<p>Certains des frameworks SPA les plus populaires incluent:</p> + +<ul> + <li><a href="https://reactjs.org/">React</a></li> + <li><a href="https://angular.io/">Angular</a></li> + <li><a href="https://vuejs.org/">Vue.JS</a></li> +</ul> + +<section id="Quick_links"> +<ol> + <li>Articles wikipedia + <ol> + <li>{{Interwiki("wikipedia", "Application web monopage")}}</li> + </ol> + </li> + <li><a href="/fr/docs/Glossary">Glossaire</a> + <ol> + <li><a href="/fr/docs/Glossary/API">API</a></li> + <li><a href="/fr/docs/Glossary/AJAX">AJAX</a></li> + <li><a href="/fr/docs/Glossary/JavaScript">JavaScript</a></li> + </ol> + </li> + <li><a href="/fr/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">Comprendre les frameworks JavaScript côté client</a></li> +</ol> +</section> diff --git a/files/fr/glossary/type_coercion/index.html b/files/fr/glossary/type_coercion/index.html index e5d5d1c3b3..1fc965a03a 100644 --- a/files/fr/glossary/type_coercion/index.html +++ b/files/fr/glossary/type_coercion/index.html @@ -24,7 +24,7 @@ console.log(somme);</pre> <pre class="brush: js notranslate">somme = Number(valeur1) + valeur2;</pre> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li><a href="/en-US/docs/Glossary">Glossary</a> diff --git a/files/fr/glossary/web_performance/index.html b/files/fr/glossary/web_performance/index.html new file mode 100644 index 0000000000..59df3daa30 --- /dev/null +++ b/files/fr/glossary/web_performance/index.html @@ -0,0 +1,13 @@ +--- +title: Performance web +slug: Glossary/Web_performance +translation_of: 'Glossary/Web_performance' +--- +<p>La <strong>performance web</strong> est le temps objectif entre le moment où une demande de contenu est faite et l'affichage de ce contenu dans le navigateur de la personne visitant le site. Cela regroupe les temps de rendu objectifs et l'expérience utilisateur subjective du temps de chargement et de l'exécution de la page. Objectivement, c'est le temps, mesurable en millisecondes, qu'il faut pour que la page web ou l'application web soit téléchargée, représentée dans le navigateur web de l'utilisateur et pour qu'elle devienne réactive et interactive. Les mesures de performances s'attachent également à mesurer le nombre d'images par seconde et la période lors de laquelle le flux principal n'est pas disponible pour les interactions avec la personne consultant la page. Subjectivement, c'est aussi une question de perception du visiteur qui estimera si le temps de chargement, entre le moment où il demande le contenu et celui où il voit que ce contenu demandé est disponible et utilisable, semble plutôt lent ou plutôt rapide.</p> + +<h2 id="learn_more">En savoir plus</h2> + +<ul> + <li><a href="/fr/docs/Learn/Performance">En savoir plus sur les performances web</a></li> + <li><a href="/fr/docs/Glossary/Perceived_performance">Performances perçues (glossaire)</a></li> +</ul> diff --git a/files/fr/glossary/web_server/index.html b/files/fr/glossary/web_server/index.html index 7befc0cad9..5c29bc8ee4 100644 --- a/files/fr/glossary/web_server/index.html +++ b/files/fr/glossary/web_server/index.html @@ -9,7 +9,7 @@ original_slug: Glossaire/Serveur_Web --- <p>Un serveur Web est un logiciel qui s'exécute souvent sur un serveur matériel offrant un service à un utilisateur, généralement appelé client. Un serveur, par contre, est un matériel qui vit dans une pièce remplie d'ordinateurs, communément appelée centre de données.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ul> <li><a href="/en-US/docs/Learn/Common_questions/What_is_a_web_server">Introduction to serversIntroduction aux serveurs</a></li> <li>{{Interwiki("wikipedia", "Server (computing)")}} sur Wikipédia</li> diff --git a/files/fr/glossary/whitespace/index.html b/files/fr/glossary/whitespace/index.html index 624d108ecb..a7e0d55330 100644 --- a/files/fr/glossary/whitespace/index.html +++ b/files/fr/glossary/whitespace/index.html @@ -19,7 +19,7 @@ original_slug: Glossaire/Whitespace <p><a href="https://www.ecma-international.org/ecma-262/6.0/#sec-white-space">ECMAScript® 2015 Language Specification</a> spécifie plusieurs points de code Unicode sous forme de white space: U+0009 CHARACTER TABULATION <TAB>, U+000B LINE TABULATION <VT>, U+000C FORM FEED <FF>, U+0020 SPACE <SP>, U+00A0 NO-BREAK SPACE <NBSP>, U+FEFF ZERO WIDTH NO-BREAK SPACE <ZWNBSP> et autre catégorie “Zs” Tout autre point de code Unicode “Séparateur, esspace” <USP>. Ces caractères sont généralement inutiles pour la fonctionnalité du code.</p> -<section class="Quick_links" id="Quick_Links"> +<section id="Quick_links"> <ol> <li>Spécifications <ol> |