J'essaie d'apprendre la meilleure façon de créer des boutons via HTML/CSS. J'utilisais des divs cliquables auparavant, mais on dirait que ce n'était pas la meilleure idée.Clic Div vs vs href?
Qu'en est-il des boutons? Ou un href
Quel est le meilleur choix pour aujourd'hui (html5 css3)?
Cela dépend du comportement que vous recherchez. Si son but est de créer un lien vers une autre page, utilisez un <a>. Si c'est pour soumettre un formulaire ou pour faire une sorte de poste ou obtenir, j'utiliserais un bouton.
Il existe un produit de gestion de projet basé sur le Web appelé Basecamp. Lors de leur premier lancement, ils utilisaient les tags <a> comme boutons de suppression à côté de chaque tâche individuelle. Les utilisateurs qui ont consulté leurs pages internes tout en utilisant le plug-in google web optimizer pour chrome voyaient toutes leurs tâches marquées comme étant supprimées. L'optimiseur de page Google recherche des liens dans la page et déclenche un clic pour pré-charger les pages futures.
Soit la fonction de suivi de formulaire et vous devriez être bon d'aller: 0)
Merci pour la réponse. Son but n'est pas de créer un lien vers une autre page, mais plutôt d'être un élément d'interface utilisateur pour une application Web. Alors je devrais aller avec des boutons je crois. – Mia
L'une des raisons de privilégier les boutons est que les boutons sont naturellement mieux pour l'accessibilité, tout en utilisant des liens, enjambe ou autres balises échoue sur ce compte. Pour obtenir une accessibilité correcte avec ces autres éléments, vous devez utiliser les rôles ARIA à fix them.
Ce n'est pas un hack en soi, car cela fait partie des rôles d'ARIA. Mais c'est une chose supplémentaire à apprendre et assurez-vous que vous avez raison.
Le lien ne fonctionne pas pour moi .. – Mia
Aucune idée pourquoi cela se produit - ça marche pour moi. Mais le titre est "Facile à résoudre les problèmes d'accessibilité communs" du blog Yahoo Accessibility. –
la meilleure façon de créer des boutons en HTML est d'utiliser ou parce que quand vous des boutons et des entrées de type soumettons sont utilisés par défaut par le navigateur lorsque vous essayez de soumettre un formulaire
par exemple:
<form action="somepage.php" method="POST">
<input type="text" name="name1">
<textarea></textarea>
<input type="submit" value="submit the form with a input of type submit">
</form>
uniquement lorsque l'utilisateur clique sur le bouton les données du formulaire sont submited
MAIS soumettre, quand nous utilisons un ou divs pour jouer le rôle des boutons que vous devez appeler javascript et demander de l'aide
finnaly LA PRATIQUE EST D'UTILISER DES BOUTONS ET D'ENTRÉE DE TYPE SOUMETTRE JOUER LE RÔLE DE BUTTON TOUT EST AILLEURS UN PERSONNALISATION QUI PEUT AUGMENTER LA TEMPS POUR CHARGER LA PAGE
Définissez «meilleur» pour nous. –
Je suppose que si vous voulez un bouton, utilisez un bouton. – Julio
Je crée des boutons avec du contenu animé (transitions sur hover, active, etc). J'ai créé beaucoup de ces trucs avec div jusqu'à présent, quand je passe directement au mode bouton, tout se gâte mal (look and feel). Le meilleur - dans mon cas - est conçu de manière aussi flexible qu'une div et ne provoque pas de problèmes supplémentaires ou de solutions de contournement. – Mia