Asas HTML - Pautan dan Anchors

• April 29, 2024

Anda boleh menggunakan pautan untuk menyambung halaman anda ke laman lain, atau bahkan untuk melompat ke bahagian yang berlainan halaman yang sama. Pautan memberikan laman web anda kualiti dinamik yang menjadikannya berbeza dari, katakan, buku atau majalah.

Pada paras yang paling asas, satu pautan pautan kelihatan seperti ini:



Mana-mana tag yang bermula dengan 'a' menunjukkan pautan, tetapi terdapat dua jenis pautan utama: hyperlink dan bernama jangkar. Pautan hiperpautan adalah pautan yang menghubungkan satu laman web ke laman web yang berbeza dan akan kelihatan seperti ini:

Pautan teks di sini

Maklumat dalam teg memberitahu pelayar anda bahawa ini adalah hyperlink (href) yang bersambung ke laman web 'page.html.' Teks di dalam tag (Teks pautan di sini) adalah bahagian pautan yang sebenarnya dilihat oleh pengunjung, dan boleh mengklik untuk melompat ke page.html. Jika anda menghubungkan ke halaman di laman web anda dari halaman yang terletak di laman web yang sama, anda boleh meninggalkan maklumat domain. Sebagai contoh, jika anda membuat pautan pada halaman anda yang terletak di www.domain.com/home.html dan pautan yang disambungkan ke halaman destinasi www.domain.com/page.html, anda boleh menulis pautan seperti dan melangkau maklumat nama domain. Jika anda meninggalkan nama domain, penyemak imbas akan mengandaikan bahawa halaman tujuan terletak di laman web yang sama seperti halaman yang menghubungkan.

Anchor bernama (sering disebut 'jangkar') berfungsi dengan tujuan yang berbeza. Seperti yang mungkin ditebak dari nama itu, sauh mewujudkan bendera yang tidak kelihatan pada halaman yang memberitahu penyemak imbas anda di mana hendak mendarat apabila anda menyediakan pautan yang menjatuhkan pelawat pada titik tertentu pada halaman. Anchor kelihatan seperti ini:



Biasanya jangkar tidak memegang apa-apa teks antara tag pembukaan dan penutup, kerana ia hanya ada untuk menandakan satu titik pada halaman. Untuk membuat pautan yang akan membolehkan pelawat melompat ke tempat ini pada halaman dari laman yang berbeza, anda mungkin membina hyperlink seperti ini:

Lawati bahagian Pos

'#' Di dalam pautan memberitahu penyemak imbas bahawa anda sedang memaut ke penanda bernama. Sekiranya anda ingin membuat hyperlink yang akan melompat pengunjung ke bahagian yang berlainan pada halaman yang sama, ia akan kelihatan seperti ini:

Lawati bahagian Pos

Satu lagi bahagian penting dari hyperlink anda ialah atribut 'target'. Ini memberitahu pelayar bagaimana untuk memaparkan halaman destinasi. Anda mempunyai tiga pilihan utama: 'target = "_ blank",' 'target = "_ self",' and 'target = "_ top".'

Argumen '_blank' akan membuka halaman yang dipautkan dalam tetingkap baru. Ini amat berguna apabila anda menghubungkan ke tapak luaran, kerana pelawat boleh melayari laman web baru ini ke kandungan jantung mereka tanpa kehilangan lokasi mereka di laman web anda. Adalah lebih baik untuk membuka dokumen seperti PDF dalam tetingkap baru, kerana pelawat sering akan menutup dokumen secara automatik apabila mereka selesai dengannya.

Hujah '_self' menyebabkan halaman yang dipautkan untuk menggantikan halaman semasa dalam tetingkap penyemak imbas yang sedia ada. Ini adalah yang terbaik untuk pautan dalam laman web anda; jika pelawat yang melakukan banyak melayari laman web anda akan berakhir dengan banyak tingkap terbuka, yang boleh menjadi sangat menjengkelkan! Ini adalah hujah lalai untuk atribut 'sasaran', jadi jika anda tidak menentukan sasaran, pautan anda akan sentiasa menggunakan tetingkap penyemak imbas yang sedia ada.

Hujah '_top' biasanya digunakan dalam laman web frameset, dan memberitahu penyemak imbas untuk menulis ganti keseluruhan frameset, berbanding dengan hanya memuatkan halaman baru ke mana-mana bahagian frameset yang memegang pautan asal.

Arahan Video: Belajar HTML [EP 1] - Pengenalan kpd HTML (April 2024).