Apakah Pautan Pemegang HTML5 Untuk?
idUp hingga HTML5, tag tersebut memerlukan satu atribut: href. Tetapi HTML5 membuat walaupun atribut itu pilihan. Apabila anda menulis tag tanpa sebarang sifat ia dipanggil pautan ruang letak.
Pautan pemegang tempat kelihatan seperti ini:
SebelumnyaMenggunakan Pautan Tempat Letak Semasa Pembangunan
Hampir setiap pereka laman web telah membuat pautan pemegang tempat pada satu masa atau yang lain semasa mereka bentuk dan membina sebuah laman web. Sebelum HTML5, kami akan menulis:
teks pautansebagai pemegang tempat. Dan saya telah menghantar laman mengolok-olok kepada pelanggan dengan pemegang tempat itu hanya untuk mempunyai pelanggan bertanya kepada saya "mengapa tidak pautan dalam teks berfungsi?"
Masalah dengan menggunakan hashtag (#) sebagai pautan ruang letak ialah pautan boleh diklik, dan ini boleh menyebabkan kekeliruan untuk klien anda. Dan, jika seseorang terlupa untuk mengemas kininya dengan URL yang betul, pautan tersebut boleh muncul di tapak hidup kerana ia tidak berkaitan dengan apa-apa.
Sebaliknya, anda harus menggunakan tag tanpa sebarang atribut. Anda boleh gaya ini kelihatan seperti mana-mana pautan lain pada halaman anda, tetapi mereka tidak boleh diklik kerana mereka hanya ruang letak.
Menggunakan Pautan Pemegang tempat di Situs Langsung
Tetapi pautan pemegang tempat mempunyai tempat dalam reka bentuk web untuk lebih daripada sekadar pembangunan. Satu tempat yang boleh dimuatkan oleh pautan pemegang tempat dalam navigasi. Dalam banyak kes, senarai pelayaran laman web mempunyai beberapa cara untuk menunjukkan halaman mana yang anda sedang aktif. Ini sering disebut "penunjuk di sini".
Kebanyakan laman web bergantung pada atribut id pada elemen yang memerlukan penanda "anda di sini", tetapi sesetengah menggunakan atribut kelas juga. Bagaimanapun, apa sahaja atribut yang anda gunakan, anda perlu melakukan banyak kerja untuk setiap halaman yang mempunyai navigasi di atasnya, menambah dan mengalih keluar atribut dari elemen yang betul.
Dengan pautan ruang letak, anda boleh menulis navigasi anda walau bagaimanapun anda mahu, dan kemudian hanya alih keluar atribut href dari pautan yang sesuai apabila anda menambah navigasi ke halaman. Saya menyimpan senarai navigasi saya sebagai coretan dalam editor saya, jadi hanya copy-paste cepat dan kemudian memadamkan href. Anda juga boleh mendapatkan CMS anda untuk melakukan perkara yang sama.
Dan selain menambah gaya khas (saya akan menunjukkan kepada anda bagaimana di bawah) ke pautan ruang letak, pautan tidak dapat diklik. Jadi pelanggan tidak keliru berfikir bahawa mereka mungkin mendapat sesuatu yang lain jika mereka mengklik pada pautan navigasi di mana mereka sekarang.
Pautan Tempat Pemangkasan Styling
Pautan tempat letaknya mudah untuk gaya dan gaya berbeza dari pautan lain pada halaman web anda. Pastikan anda menaip kedua tag dan tag pautan: Sebagai contoh:
a {color: red; font-weight: bold; teks-hiasan: tiada; } a: link {color: blue; font-weight: normal; teks-hiasan: garis bawah; }CSS ini akan menjadikan pautan pemegang tempat berani dan merah, tanpa garis bawah. Walaupun pautan tetap akan menjadi berat biasa, biru dan digariskan.
Ingat untuk menetapkan semula sebarang gaya yang anda tidak mahu dibawa dari tag. Sebagai contoh, saya menetapkan berat font untuk berani untuk pautan pemegang tempat, jadi saya perlu menetapkannya kepada:
font-weight: normal;untuk pautan standard. Begitu juga dengan hiasan teks, dengan mengeluarkannya dengan pemilih, ia akan dikeluarkan untuk pemilih: jika saya tidak meletakkannya semula.