Je veux créer un bouton de retour de page en utilisant HTML et CSS sans utiliser Javascript ou tout autre langage. Je veux le faire en pur HTML et CSS.
J'ai cherché mais je n'ai pas obtenu de solution à chaque fois que javascript est inclus dans le code mais j'ai besoin d'un pur HTML, pas d'autre langue.
6 Réponses :
Désolé, impossible de faire. HTML a été conçu pour baliser votre contenu sémantiquement, en indiquant ce qu'est un en-tête, ce qu'est du texte, etc. Il ne sait rien du conteneur qui l'affiche, qui n'est pas nécessairement un navigateur.
CSS a été conçu pour donner une belle apparence au HTML. Il est utilisé pour placer des éléments dans le conteneur, ainsi que pour suggérer leur apparence (couleur, taille, etc.). À part quelques extras ajoutés pour vous permettre de styliser les barres de défilement, etc., il ne sait pas non plus sur le conteneur et ne peut donc pas affecter le comportement.
Pourquoi veux-tu faire cela? JavaScript a été conçu dans ce but, pourquoi essayer de l'éviter?
Le morceau de code suivant ne nécessite aucun fichier javascript, mais utilise toujours javascript dans html:
<a href="javascript:history.back()">Back to previous page</a>
HTML est le modèle, CSS est le style. JavaScript donne une logique à vos éléments. Il est essentiel pour chaque action dynamique de votre page.
Pour répondre à votre question, vous ne pouvez pas y parvenir sans elle.
Vous pouvez le faire "sans utiliser JavaScript" juste au cas où la page précédente serait connue à l'avance, c'est à dire que vous êtes dans une page "détail" et le bouton "retour" vous amènera à la "liste" ou à la page d'accueil, par exemple :
<a href="window.history.back();">Back</a>
Sinon, si la page précédente change dynamiquement, vous devez utiliser la méthode JavaScript history.back :
<a href="home">Back</a>
Merci pour votre temps et votre considération, mais cela change de manière dynamique
Cela devrait être <a href="javascript:window.history.back();">Back</a> (notez le javascript: . Sans le javascript: il vous mènera simplement à une page dont l'URL est window.history.back(); , ce qui entraînera souvent une erreur 404.
Pour aller à la page précédente
<a href="javascript: history.go(-1)">Go Back</a>
En aucune façon. Le seul code en html pur implique également du javascript:
<input type="button" value="back" onclick="history.back()"/>
Aucun CSS nécessaire.
ce n'est pas possible, vous aurez besoin de
JavaScriptou mieux accomplir la tâche lors du rendu de la page par le langage côté serveur (PHPpar exemple).