Aller au contenu

Pagination

Une pagination complète avec page courante, points de suspension et flèches précédent/suivant correctement désactivées.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

La page courante est annoncée par aria-current, chaque numéro porte un nom explicite (« Page 3 ») et la flèche inutilisable est désactivée sans être un lien mort. Sur téléphone, seules les flèches et les pages première, courante et dernière restent affichées. La version React calcule les numéros pour n'importe quel nombre de pages.

Code

Chargement du code…

Contenu de l'archive

pagination-html-tailwind.zip3 fichiers · 3 Ko

  • index.html5 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Une table des matières qui suit la lecture d'un long article et surligne la section en cours.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une barre de navigation avec sous-menus déroulants qui se ferment à la touche Échap, au clic extérieur ou quand le focus quitte le menu.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un fil d'Ariane accessible qui situe la page dans le site et se resserre sur mobile pour tenir sur une ligne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant