Glossaire du développement web

180 termes expliqués en français et en anglais.

--space: Propriété ou motif CSS valide dans cette étape.
:disabled: Propriété ou motif CSS valide dans cette étape.
:focus-visible: État de focus affiché lorsque l'indicateur est utile, notamment au clavier.
:hover: Propriété ou motif CSS valide dans cette étape.
:root: Racine du document, souvent utilisée pour les variables globales.
.action: Sélecteur cible pour limiter les effets de bord.
.card: Sélecteur cible pour limiter les effets de bord.
.card img: Zone ciblée pour garder l'exercice précis.
.course-card: Sélecteur cible pour limiter les effets de bord.
.demo-surface: Zone ciblée pour garder l'exercice précis.
.landing: Sélecteur cible pour limiter les effets de bord.
.panel: Sélecteur cible pour limiter les effets de bord.
.toolbar: Zone ciblée pour garder l'exercice précis.
.toolbar button: Zone ciblée pour garder l'exercice précis.
@container: Propriété ou motif CSS valide dans cette étape.
@media: Propriété ou motif CSS valide dans cette étape.
404: Réponse indiquant qu'une ressource est introuvable.
alert: Message urgent annoncé immédiatement.
align-content: Propriété travaillée avec la valeur start.
align-items: Propriété travaillée avec la valeur center.
alt: Alternative textuelle d'une image informative.
animation: Propriété ou motif CSS valide dans cette étape.
anti-pattern: Solution fréquente mais fragile.
aria-current: Attribut indiquant la page, position ou étape courante.
aria-describedby: Relation vers une aide ou erreur.
aria-live: Annonce de changement dynamique.
Artefact: Objet produit et observable, ici une page de preuve.
article: Contenu autonome réutilisable.
Assertion: Vérification automatique d’une exigence précise.
audit: Relecture structurée de qualité.
auto-fit: Propriété ou motif CSS valide dans cette étape.
autocomplete: Indice de remplissage automatique.
axe principal: Direction dans laquelle les éléments flex sont distribués.
axe secondaire: Axe perpendiculaire à l'axe principal.
axe transversal: Axe perpendiculaire à l'axe principal.
barre de navigation: Zone regroupant identité, destinations et actions.
body: Zone qui contient le document présenté à la personne.
boîte: Contenu, padding, bordure et marge.
border-radius: Propriété travaillée avec la valeur 1.25rem.
bordure: Limite visible de la boîte.
box model: Relation entre contenu, padding, bordure et marge.
box-sizing: Propriété travaillée avec la valeur border-box.
canonical: URL officielle d'une page.
caption: Titre accessible du tableau.
cascade: Mecanisme qui decide quelle règle s'applique.
cellule: Intersection d'une ligne et d'une colonne.
ch: Unité approximativement basée sur la largeur d'un caractère.
charset: Déclaration de l'encodage utilisé pour décoder le fichier.
Chemin relatif: Chemin calculé depuis le dossier courant.
clamp: Propriété ou motif CSS valide dans cette étape.
classe: Nom réutilisable précédé d'un point en CSS.
color: Propriété ou motif CSS valide dans cette étape.
combinateur >: Sélectionne uniquement les enfants directs.
Console: Vue des messages et erreurs d'exécution.
container-type: Propriété ou motif CSS valide dans cette étape.
conteneur flex: Parent dont les enfants directs deviennent des éléments flex.
contenu: Zone occupée par le texte ou les médias.
contenu extrême: Mot, URL ou identifiant plus long que le cas habituel.
contrainte: Cas à vérifier comme mobile, focus ou contenu long.
contrast-color: Propriété ou motif CSS valide dans cette étape.
critère d'acceptation: Condition vérifiable nécessaire pour valider le composant.
cursor: Propriété ou motif CSS valide dans cette étape.
declaration: Association entre une propriété et une valeur.
declaration barrée: Règle visible mais remplacee par une autre.
descendant: Élément situé n'importe où à l'intérieur d'un autre.
details: Zone d'information dépliable native.
DevTools: Outils du navigateur pour inspecter le DOM et diagnostiquer la page.
display: Propriété travaillée avec la valeur flex.
display: flex: Contrainte responsive à vérifier.
display: grid: Propriété ou motif CSS valide dans cette étape.
distribution: Répartition de l'espace libre dans un conteneur.
doctype: Déclaration qui demande le mode standard du navigateur.
Donnée sensible: Information à ne pas publier, comme un secret ou chemin personnel.
Dossier courant: Emplacement où une commande s'exécute.
Dossier de travail: Dossier racine d'un projet.
download: Attribut proposant le téléchargement de la ressource.
Éditeur: Application utilisée pour écrire les fichiers du projet.
enfant direct: Élément placé immédiatement dans son parent.
Étape: Un changement court qui fait progresser le même projet.
état: Situation interactive ou éditoriale.
fieldset: Groupe de champs liés.
figcaption: Légende reliée au média.
figure: Groupe média et légende.
Fil rouge: Projet continu construit morceau par morceau.
flex-direction: Propriété travaillée avec la valeur column.
flex-wrap: Autorise les éléments flex à passer sur plusieurs lignes.
Flux de travail: Suite ordonnée d'actions menant à un résultat.
focus: Élément recevant actuellement les actions du clavier.
font-size: Propriété travaillée avec la valeur clamp(2rem, 5vw, 3.5rem).
forced-color-adjust: Propriété ou motif CSS valide dans cette étape.
form: Zone de saisie envoyable.
fr: Fraction de l'espace disponible.
fragment: Partie d'URL commençant par # et visant un id unique.
gap: Propriété travaillée avec la valeur 1rem.
grid-auto-flow: Propriété travaillée avec la valeur row.
grid-template-columns: Propriété travaillée avec la valeur repeat(auto-fit, minmax(14rem, 1fr)).
grille: Système de lignes et colonnes.
head: Zone qui décrit le document et référence ses ressources.
heading: Titre qui structure le plan.
HTML: Langage de balisage qui décrit la structure du contenu.
Hypothèse: Cause possible que l'on peut contrôler.
index.html: Fichier d'entrée conventionnel d'une page web.
input: Contrôle de saisie.
intention: Raison visuelle ou ergonomique de la règle.
JSON-LD: Données structurées intégrées au head.
justify-content: Propriété travaillée avec la valeur space-between.
justify-items: Aligne sur l'axe en ligne.
label: Nom accessible visible d'un champ.
landmark: Région de page identifiable.
legend: Nom d'un groupe de champs.
ligne flex: Une rangée d'éléments dans un conteneur flex replié.
line-height: Propriété travaillée avec la valeur 1.65.
livrable: Résultat final partageable.
loading: Indice de chargement pour une image.
mailto/tel: Protocoles ouvrant une action email ou téléphone.
main: Landmark du contenu principal.
margin: Propriété travaillée avec la valeur 1.5rem auto.
margin-inline: Marges sur l'axe horizontal selon le sens d'écriture.
max-width: Propriété ou motif CSS valide dans cette étape.
mesure: Longueur confortable d'une ligne de texte.
meta description: Résumé court pour moteurs de recherche.
min-width: Propriété ou motif CSS valide dans cette étape.
minmax(): Définit une taille minimale et maximale.
nav: Région regroupant des liens de navigation importants.
navigateur: Application qui interprète HTML et affiche la page.
nowrap: Valeur par défaut qui conserve une seule ligne.
object-fit: Propriété ou motif CSS valide dans cette étape.
ol: Liste ordonnée.
Open Graph: Métadonnées de partage social.
order: Propriété travaillée avec la valeur 2.
outline: Propriété ou motif CSS valide dans cette étape.
outline-offset: Propriété ou motif CSS valide dans cette étape.
overflow: Comportement du contenu qui dépasse une boîte.
overflow-wrap: Propriété ou motif CSS valide dans cette étape.
padding: Propriété travaillée avec la valeur 1.5rem.
piste: Ligne ou colonne qui structure la grille.
place-items: Propriété travaillée avec la valeur start stretch.
portée: Ensemble exact d'éléments visés.
prefers-reduced-motion: Propriété ou motif CSS valide dans cette étape.
Prérequis: Condition nécessaire avant de commencer.
preuve: Observation qui confirme l'effet CSS.
propriété personnalisée: Variable CSS dont le nom commence par --.
pseudo-classe: Mot-clé précédé de : qui cible un état.
Recharger: Demander au navigateur de relire la page.
regression: Defaut ajoute par une correction.
rel: Relation et politique associées à un lien.
repeat(): Fonction répétant une définition de piste.
Reproductible: Qui peut être refait avec le même résultat.
Reproduction minimale: Plus petite suite d'étapes qui déclenche le problème.
required: Contrainte native obligatoire.
responsive: Capacité à rester utilisable selon les contraintes d'écran et de contenu.
Résultat attendu: Observation précise après une action.
rubric: Critères de correction.
scope: Relation entre en-tête et cellules.
scroll: Défilement permettant d'accéder au contenu dépassant.
section: Regroupement thématique nommé.
sélecteur: Partie d'une règle qui choisit les éléments à styliser.
skip link: Lien permettant d'aller directement au contenu principal.
space-between: Place le premier et le dernier élément aux extrémités.
spécificité: Poids d'un sélecteur dans la cascade.
Symptôme: Effet observé sans supposer sa cause.
table: Structure de données tabulaires.
taille fluide: Dimension qui s'adapte à l'espace disponible.
Terminal: Interface textuelle envoyant des commandes au système.
test: Vérification automatique d'une preuve attendue.
Texte brut: Texte sans mise en forme propriétaire.
time: Date lisible par machine.
title: Titre affiché dans l'onglet et les résultats.
track: Piste de sous-titres ou captions.
transform: Propriété ou motif CSS valide dans cette étape.
transform-origin: Propriété ou motif CSS valide dans cette étape.
transition: Propriété ou motif CSS valide dans cette étape.
transition: none: Propriété ou motif CSS valide dans cette étape.
ul: Liste sans ordre imposé.
var(): Fonction qui lit la valeur d'une propriété personnalisée.
variante: Classe qui modifie un composant de base.
viewport: Configuration de la largeur de mise en page sur mobile.
width: Propriété ou motif CSS valide dans cette étape.
will-change: Propriété ou motif CSS valide dans cette étape.
zone cliquable: Surface qui déclenche l'action d'un contrôle.