Qu'est-ce qu'une barre de défilement HTML?

Une barre de défilement HTML (HyperText Markup Language) est un élément de l'interface utilisateur qui peut apparaître dans le cadre visualisable affichant un document HTML. Il permet à un utilisateur de déplacer la région visible d'une zone de l'écran tout en laissant les zones environnantes intactes. Dans de nombreux cas, une barre de défilement HTML peut être générée automatiquement par la visionneuse de documents HTML, bien que certains codes HTML et feuilles de style en cascade (CSS) puissent forcer l'affichage d'une barre de défilement ou en masquer un. Dans une page Web, une barre de défilement HTML peut être une solution de mise en forme définie en cas de débordement de contenu, ou une propriété pouvant être définie sur les cadres affichés dans la fenêtre principale. Il est important de noter qu'une barre de défilement HTML apparaissant dans un document HTML rendu diffère de l'élément de barre de défilement de l'interface graphique du système d'exploitation contrôlé par le navigateur Web, bien que certaines opérations puissent également modifier l'apparence de la barre de défilement du navigateur. .

Lorsqu'elle est rendue dans un document HTML, une barre de défilement HTML a l'aspect général de l'élément d'interface graphique par défaut de la barre de défilement système. Il s’agit généralement d’une barre verticale ou horizontale sur laquelle sont placées des flèches. La barre, également appelée piste, est surmontée d'un cadre qui représente la zone actuellement affichée du document ou de la zone de grande taille. La barre de défilement peut être manipulée en cliquant sur les flèches avec le curseur de la souris pour déplacer la zone affichée ou en faisant glisser directement la case indicatrice visible le long de la piste.

Lorsqu'une région telle qu'un cadre est définie en HTML ou en CSS, la quantité d'espace en pixels attendue n'est parfois pas disponible en raison d'une résolution d'écran ou d'une taille de fenêtre différente. Cela provoque un débordement, ce qui signifie que le texte, les images et les autres éléments ne peuvent pas être entièrement affichés dans l'espace disponible. Un comportement pouvant être spécifié dans un document HTML consiste pour le moteur de rendu à créer une barre de défilement HTML afin qu'un utilisateur puisse se déplacer vers différentes parties non visibles de la zone dans un espace limité. Alternativement, la barre de défilement peut être désactivée, ce qui signifie que si seulement une partie d'une image ou d'un bloc de texte est affichée, les zones non visibles ne seront tout simplement pas affichées et aucune indication de leur existence ne sera évidente.

Grâce à l'utilisation de CSS, l'apparence d'une barre de défilement HTML peut être personnalisée. Cela implique généralement de changer la séquence de couleurs utilisée pour dessiner la barre, ses hautes lumières et ses ombres. Avec l'utilisation de langages de script et de codage non standard, les graphiques utilisés pour afficher une barre de défilement HTML peuvent être modifiés pour une apparence plus personnalisée, bien que tous les navigateurs ou systèmes d'exploitation ne prennent pas en charge cette fonctionnalité.