Pautan atau sauh pada laman web
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. Secara beransur-ansur, barang-barang 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 mempelajari tentang tag (anchor), iaitu penggunaan elemen HTML sebenar 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.
Atribut href 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:
URL halaman web untuk pergi ke "> Teks yang akan menjadi pautan
Oleh itu, untuk melayari laman web Rekabentuk / HTML Web About.com, anda menulis:
Perihal Reka Bentuk Web dan HTML
Anda boleh menghubungkan hampir apa-apa dalam halaman HTML anda, termasuk imej . Cukup mengelilingi elemen HTML atau elemen yang anda mahu menjadi pautan dengan dan tag. Anda juga boleh membuat pautan ruang letak dengan meninggalkan atribut href - tetapi pastikan anda kembali dan mengemas kini maklumat href kemudian atau pautan tidak akan melakukan apa-apa apabila diakses.
HTML5 menjadikannya sah untuk menghubungkan elemen peringkat blok seperti perenggan dan elemen DIV . 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
- Tag akhir 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 mereka dari waktu ke waktu, 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 pada web centric berbilang peranti hari ini.
Jenis Menarik Lain Pautan
Unsur A mewujudkan pautan standard ke dokumen lain, tetapi terdapat jenis pautan lain yang mungkin anda minati:
- Pautan Dalaman atau Anchors -These 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.