Salah satu pembezaan utama antara laman web dan bentuk media komunikasi lain ialah idea "pautan", atau hiperpautan kerana mereka secara teknikal diketahui dalam istilah reka bentuk web.
Di samping membantu untuk membuat web apa hari ini, pautan, serta imej, dengan mudah menambah perkara pada halaman web dengan mudah. Untungnya, perkara ini mudah ditambah (hanya dua tag HTML asas) dan mereka boleh membawa kegembiraan dan interaktiviti ke apa yang akan menjadi halaman teks biasa. Dalam artikel ini, anda akan mengetahui tentang tag (anchor), yang merupakan elemen HTML yang digunakan untuk menambahkan pautan ke laman web laman web.
Menambah Pautan
Pautan dipanggil jangkar dalam HTML, jadi tag untuk mewakilinya ialah tag A. Biasanya, orang hanya merujuk kepada penambahan ini sebagai "pautan", tetapi jangkar adalah apa yang sebenarnya ditambah ke mana-mana halaman.
Apabila anda menambah pautan, anda harus menunjuk ke alamat halaman web yang anda mahu pengguna anda pergi apabila mereka mengklik atau mengetuk (jika mereka berada di skrin sentuh) pautan itu. Anda menentukan ini dengan atribut.
The href atribut bermaksud "rujukan hiperteks" dan tujuannya adalah untuk menentukan URL di mana anda mahu pautan khusus itu pergi. Tanpa maklumat ini, pautan tidak berguna - ia akan memberitahu pelayar bahawa pengguna harus dibawa ke suatu tempat, tetapi ia tidak akan mempunyai maklumat destinasi yang tersedia untuk mana "tempat" itu. Tag ini dan atribut ini bersandar.
Sebagai contoh, untuk membuat pautan teks, anda menulis:
Teks yang akan menjadi pautan
Oleh itu, untuk melayari laman web Rekabentuk / HTML Web About.com, anda menulis:
Lifewire
Anda boleh menghubungkan hampir apa-apa dalam halaman HTML anda, termasuk imej. Hanya mengelilingi elemen HTML atau elemen yang anda mahu menjadi pautan dengan
dan tag. Anda juga boleh membuat pautan pemegang tempat dengan meninggalkan keluar href atribut - tetapi pastikan anda kembali dan mengemas kini maklumat href kemudian atau pautan tidak akan melakukan apa pun apabila diakses.
HTML5 menjadikannya sah untuk menghubungkan elemen peringkat blok seperti perenggan dan DIV unsur-unsur. Anda boleh menambah teg anchor di sekitar kawasan yang lebih besar, seperti senarai bahagian atau definisi, dan keseluruhan kawasan tersebut akan "diklik". Ini amat berguna apabila cuba membuat kawasan melanda yang lebih mesra jari pada laman web.
Sesetengah Perkara Yang Ingat Ketika Menambah Pautan
- Akhirnya tag adalah diperlukan. Jika anda terlupa untuk memasukkannya, semua pautan berikut akan dipautkan, sehingga pautan lain menutup tag.
- Kebanyakan masa, adalah lebih baik untuk menghubungkan imej tunggal dan teks pendek, bukannya teks besar. Pautan boleh menambah warna dan menggariskan gaya ke halaman anda yang boleh sukar dibaca. Sudah tentu, anda boleh menggunakan CSS untuk menukar gaya pautan ini dan mengedit warna atau mengalih keluar garis bawah, tetapi masih baik untuk menjadi perhatian terhadap realiti ini.
- Pastikan anda menyemak pautan anda agar tidak menjadi buruk. Link Rot boleh membuat kedua-dua pengguna dan enjin carian menganggap tapak anda tidak sah. Gunakan pemeriksa pautan secara berkala untuk mengesahkan pautan pada halaman anda. Hal ini terutama berlaku ketika anda menghubungkan ke laman web pihak ke-3 (yang tidak anda kelola) dan yang mungkin mengubah laman-laman lamanya, meninggalkan anda dengan pautan mati. Pemeriksa pautan akan menemui pautan mati ini supaya anda boleh membuat sebarang kemas kini yang diperlukan.
- Elakkan teks seperti "klik di sini" dalam pautan anda. Ingat, orang yang mempunyai skrin sentuhan tidak boleh "mengklik", supaya teks merasakan seperti produk era lalu dan benar-benar tidak relevan dalam web centric berbilang peranti hari ini.
Jenis Menarik Lain Pautan
The A elemen membuat pautan standard ke dokumen lain, tetapi terdapat jenis pautan lain yang mungkin Anda minati:
- Pautan Dalaman atau Jangkar - Ini adalah pautan ke suatu tempat dalam laman web, tidak semestinya atas.
- Peta Imej - Peta imej membolehkan untuk membuat pautan pada imej yang dipetakan ke kawasan tertentu imej. Ini boleh digunakan untuk permainan atau navigasi kreatif. Anda sering melihatnya dengan peta di mana kawasan di peta boleh diklik. Ambil perhatian bahawa peta imej tidak digunakan pada kebanyakan laman web moden, sebahagiannya kerana ia boleh menyebabkan masalah pada peranti mudah alih.
- Elemen - Elemen ini digunakan untuk mengaitkan dokumen dan halaman lain yang ada sekarang. Ia tidak akan membuat kawasan diklik pada halaman web anda, tetapi ia berguna untuk difahami.
