Onglets

Onglets horizontaux de l'accordéon

Onglets horizontaux de l'accordéon
  1. Quels sont les onglets d'accordéon?
  2. Comment convertir les onglets en accordéon en vue mobile?
  3. Qu'est-ce qu'une alternative aux onglets?

Quels sont les onglets d'accordéon?

Les onglets sont similaires aux accordéons en ce qu'ils contiennent des informations qui peuvent être étendues et effondrées. Alors que les accordéons sont empilés verticalement, les onglets sont empilés horizontalement. Les deux sont organisés en groupe et divisés en sections. Chaque section constitue le contenu "pliable" ou "extensible".

Comment convertir les onglets en accordéon en vue mobile?

Onglets sur le côté. Cet exemple apporte les onglets sur le côté gauche en ajoutant simplement une classe supplémentaire "côté onglets" au ". Conteneur ". Il suffit de redimensionner votre écran en dessous de 800 pixels pour voir l'interface à onglets se transformer en accordéon.

Qu'est-ce qu'une alternative aux onglets?

S'ils sont trop longs, les accordéons sont un meilleur choix plutôt que des onglets! Les accordéons placés sur un espace horizontal ont trop d'espace pour accueillir de longues options et de nombreuses données, tandis que sur les onglets si vous choisissez des noms longs comme étiquettes, ils ressembleront plus ou moins à des accordéons uniquement!

Tables de filtrage afficher uniquement les articles filtrés
Comment afficher uniquement les valeurs filtrées dans une table pivot? Comment afficher uniquement les valeurs filtrées dans une table pivot?Cliquez...
Bon Fréquence contextuelle d'informations chronométrées
Fréquence contextuelle d'informations chronométrées
Quel est le meilleur timing pour la popup?Quand les newsletter devraient-ils apparaître?Les formes de popup sont-elles bonnes? Quel est le meilleur ...
Utilisation d'Aria-Descrimed par et d'un élément ScreenReader uniquement non lu [fermé]
Les lecteurs d'écran lisent-ils Aria-label?Comment rendre quelque chose de visible uniquement pour les lecteurs?Comment masquer le contenu du lecteur...