Gunakan tautan dan tombol dengan benar. Sama sama

Saat membuat tata letak, tidak selalu jelas apa yang ada di depan kita - tombol atau tautan. Secara lahiriah, elemen-elemen ini mungkin sangat mirip, tetapi fungsinya berbeda dan browser bereaksi secara berbeda. Oleh karena itu, pilihan yang salah dapat menyebabkan kesalahan di situs.





Mengapa masalah muncul?

โ€” . , , . - .





<a>



.





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







โ€” . : , , , . .





<button>



.





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







, โ€” , โ€” .





Contoh dua tombol yang bagian bawahnya terlihat seperti tautan
,
Contoh tautan yang mirip dengan tombol
,

,

URL- <>



, <button>



, , . .





Menu konteks saat mengklik kanan tombol

โ€” Ctrl .





. URL-, <button>



, .





Alamat tautan yang benar di jendela browser saat Anda mengarahkan kursor ke atasnya

,

, , .





Menu konteks saat mengklik kanan pada tautan

<a>



, , . ยซยป , , , .





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







, javascript:;



/#







. .





, :hover



, :focus



, :active , :visited



.





:visited



, :disabled



.





Status tautan dalam panduan gaya tata letak

. :visited



, :disabled



โ€” .





div โ€“





- ?

- , .





















, . . .





- โ€” , , , , . .









.





, , .





.





.





,

ยซยป. , . , .





 

  • : 7









  • ,





  • โ€” ?






, VESELO



HTML Academy. , ยซ ยป , .








All Articles