Utilisez correctement les liens et les boutons. Je vous en prie

Lors de la crĂ©ation d'une mise en page, ce qui est devant nous n'est pas toujours clair - un bouton ou un lien. ExtĂ©rieurement, ces Ă©lĂ©ments peuvent ĂȘtre trĂšs similaires, mais leur fonction est diffĂ©rente et le navigateur y rĂ©agit diffĂ©remment. Par consĂ©quent, un mauvais choix peut entraĂźner des erreurs sur le site.





Pourquoi le problĂšme se pose

— . , , . - .





<a>



.





<a href="https://htmlacademy.ru">HTML Academy</a>







— . : , , , . .





<button>



.





<button class="button">9 900 .</button>







, — , — .





Un exemple de deux boutons oĂč celui du bas ressemble Ă  un lien
,
Exemple de lien similaire Ă  un bouton
,

,

URL- <>



, <button>



, , . .





Menu contextuel lors d'un clic droit sur un bouton

— Ctrl .





. URL-, <button>



, .





L'adresse du lien correct dans la fenĂȘtre du navigateur lorsque vous le survolez

,

, , .





Menu contextuel lors d'un clic droit sur un lien

<a>



, , . «» , , , .





<a href="javascript:;"> </a>







, javascript:;



/#







. .





, :hover



, :focus



, :active , :visited



.





:visited



, :disabled



.





États des liens dans le guide de style de mise en page

. :visited



, :disabled



— .





div –





- ?

- , .





















, . . .





- — , , , , . .









.





, , .





.





.





,

«». , . , .





 

  • : 7









  • ,





  • — ?






, VESELO



HTML Academy. , « » , .








All Articles