Jalan Mutlak dan Relatif

Memahami perbedaan antara jalur URL Mutlak dan Relatif

Tidak ada aspek desain web yang lebih "web-sentris" daripada hyperlink (biasanya disebut hanya sebagai "tautan"). Kemampuan untuk membuat tautan di halaman dan memungkinkan pembaca untuk mengakses konten lain dengan mudah adalah salah satu ciri yang menentukan situs yang berbeda dari media komunikasi lain seperti media cetak atau media penyiaran.

Tautan ini mudah ditambahkan ke suatu halaman, dan mereka bisa ke halaman web lain, baik di situs Anda atau di tempat lain di Web. Anda juga dapat memiliki tautan ke sumber daya lain, seperti gambar, video, atau dokumen. Namun, semudah tautan untuk ditambahkan, mereka juga merupakan salah satu item yang diremehkan oleh banyak perancang web baru pada awalnya, terutama dalam hal konsep jalur file dan apa arti absolut versus jalur relatif, serta ketika yang digunakan bukan yang lain.

Di setiap contoh tautan yang dijelaskan di atas, Anda perlu mempertimbangkan bagaimana Anda akan terhubung ke berbagai laman atau sumber dari situs Anda. Secara khusus, Anda perlu memutuskan jenis jalur URL apa yang akan Anda tulis. Dalam desain web, ada dua cara standar untuk membuat tautan dan dua jenis jalur yang dapat Anda gunakan:

URL Jalur Mutlak

Jalur absolut menggunakan URL yang merujuk ke lokasi yang sangat spesifik di Internet. Jalur ini akan menyertakan nama domain sebagai bagian dari jalur tautan itu sendiri. Contoh jalur absolut ke halaman web ini adalah:

https: // www. / web-tipografi-101-3470009

Anda biasanya akan menjadi jalur absolut ketika Anda ingin menunjuk ke elemen Web yang ada di domain selain milik Anda sendiri. Misalnya, jika saya ingin menautkan ke laman di situs web yang berbeda di sini, saya perlu menyertakan URL lengkap untuk tautan itu karena saya meninggalkan satu domain (desain web.) Untuk pergi ke yang lain. Tautan itu hanya akan menambahkan elemen di dalam halaman dengan URL yang digunakan sebagai nilai atribut "href" untuk tautan itu.

Jadi jika Anda menautkan ke apa pun yang "off site" dari Anda sendiri, Anda harus menggunakan jalur absolut, tetapi bagaimana dengan halaman atau sumber daya di domain Anda sendiri? Anda benar-benar dapat menggunakan jalur absolut bahkan jika Anda menautkan ke laman di situs Anda sendiri, tetapi itu tidak diperlukan dan, tergantung pada lingkungan pengembangan Anda, jalur absolut dapat menyebabkan masalah.

Misalnya, jika Anda memiliki lingkungan pengembangan yang Anda gunakan selama pembuatan situs web, dan Anda mengkodekan semua URL sepenuhnya ke URL itu, maka mereka semua akan perlu diubah ketika situs tersebut ditayangkan. Untuk menghindari masalah ini, jalur file untuk setiap sumber daya lokal harus menggunakan Jalan Relatif.

URL Jalur Relatif

Jalur relatif berubah tergantung pada halaman yang dihubunginya - mereka relatif terhadap halaman di mana mereka adalah satu (oleh karena itu namanya). Jika Anda menautkan ke laman di situs Anda sendiri, atau gambar di dalam direktori "gambar" di situs itu, jalur relatif adalah apa yang kemungkinan akan Anda gunakan. Jalur relatif tidak menggunakan URL lengkap halaman, tidak seperti jalur absolut yang baru saja kita lihat.

Ada beberapa aturan untuk membuat tautan menggunakan jalur relatif:

Cara menentukan jalur relatif:

  1. Pertama-tama tentukan URL halaman yang sedang Anda edit. Dalam kasus artikel contoh yang tercantum di atas, itu adalah https: // www. / web-tipografi-101-3470009
  2. Kemudian lihat jalur direktori untuk halaman. Untuk artikel itu, yaitu / web-tipografi-101-3470009

Anda akan melihat di sini bahwa kita menulis jalur relatif dengan memulai jalur tersebut dengan garis miring (/). Karakter itu memberitahu browser untuk pergi ke root direktori saat ini. Dari sana, Anda dapat menambahkan folder atau nama file apa pun yang Anda butuhkan untuk sumber daya khusus Anda, mengebor ke folder dan dokumen untuk akhirnya mendarat di sumber yang tepat yang ingin Anda ditautkan.

Jadi dalam ringkasan - jika Anda tertaut "di luar situs", Anda akan menggunakan jalur absolut yang menyertakan jalur lengkap ke apa pun yang ingin Anda sambungkan. Jika Anda terkait dengan file di domain tempat halaman yang Anda kode berada, Anda dapat menggunakan jalur relatif yang pada dasarnya menavigasi dari halaman Anda berada, melalui struktur file situs, dan akhirnya ke sumber daya yang Anda butuhkan .