Apa Links HTML5 Placeholder Kanggo?
idUp nganti HTML5, tag mbutuhake siji atribut: href. Nanging HTML5 malah nggawe atribut opsional. Nalika sampeyan nulis tag tanpa atribut kasebut kasebut diarani placeholder.
Link placeholder katon kaya iki:
SadurungeNggunakake Link Placeholder Sajrone Pembangunan
Saklawasé saben perancang web wis nggawe pranala panggonan ing siji utawa wektu nalika ngrancang lan mbangun situs web. Sadurunge HTML5, kita bakal nulis:
teks linkminangka placeholder. Lan aku wis ngirim situs mockup menyang klien karo sing panggonan kasebut mung nduwe klien sing takon kula "kok ora pranala ing karya teks?"
Masalah kanthi nggunakake hashtag (#) minangka link placeholder yaiku tautan sing bisa diklik, lan iki bisa nimbulaké kebingungan kanggo klien sampeyan. Lan, yen ana wong lali nganyari karo URL sing bener, pranala kasebut bisa katon rusak ing situs urip amarga ora nyambung menyang apa wae.
Nanging, sampeyan kudu nggunakake tandha tanpa atribut apa wae. Sampeyan bisa gaya iki kanggo katon kaya link liyane ing kaca, nanging padha ora bisa diklik amarga padha mung placeholders.
Nggunakake Link Placeholder ing Situs Manggon
Nanging, link panggonan duwe panggonan ing desain web luwih saka mung pangembangan. Siji panggonan sing bisa ditampilake minangka placeholder ing pandhu arah. Ing sawetara kasus, dhaptar pandhu arah situs web nduweni cara kanggo nuduhaké kaca apa sampeyan ing. Iki asring disebut "sampeyan ana" indikator.
Sebagian situs gumantung marang id atribut ing elemen sing perlu ditandhani "sampeyan ana kene", nanging sawetara nggunakake atribut kelas uga. Nanging, apa wae atribut sing sampeyan gunakake, sampeyan kudu nindakake akeh kerjane kanggo saben kaca sing nduwe navigasi, nambah lan ngilangi atribut saka unsur sing bener.
Kanthi link placeholder, sampeyan bisa nulis navigasi nanging sampeyan seneng, lan mung mbusak atribut href saka tautan sing cocog nalika sampeyan nambah navigasi menyang kaca. Aku nyimpen kabeh daftar pandhuan minangka snipet ing editorku, dadi mung copy-paste cepet lan mbusak href. Sampeyan uga bisa njaluk CMS sampeyan kanggo nindakake bab sing padha.
Lan liyane nambah pratandha khusus (Aku bakal nuduhake sampeyan carane ngisor) menyang link placeholder, link ora bisa diklik. Supaya pelanggan ora bingung mikir yen bakal entuk masalah liya yen sampeyan ngeklik tautan pandhu arah sing saiki.
Pranala Link Styling
Pranala placeholder gampang kanggo gaya lan gaya beda saka pranala liyane ing kaca web. Mesthi wae sampeyan kudu nggawe tag lan tag pranala. Tuladhane:
a {color: red; font-weight: bold; teks-dekorasi: ora ana; } a: link {color: blue; font-weight: normal; text-decoration: underline; }CSS iki bakal nggawe pranala panggonan sing kandel lan abang, tanpa garis ngisor. Nalika pranala reguler dadi bobot normal, biru lan digaris ngisor.
Elinga ngreset gaya apa wae sing sampeyan ora pengin digawa liwat saka label. Contone, aku nyetel bobot-bobot kanggo kandel kanggo tautan placeholder, mula aku kudu nyetel:
font-weight: normal;kanggo tautan standar. Padha bener karo dekorasi teks, kanthi ngilangi karo pemilih, mesthine wis dibusak kanggo pemilih link yen aku ora sijine maneh.