Naon HTML5 Tumbu Placeholder Pikeun?
idUp dugi HTML5, tag tos diperlukeun hiji atribut: href. Tapi HTML5 ngajadikeun malah nu atribut pilihan. Lamun anjeun nulis tag tanpa atribut naon mangka disebut tumbu placeholder.
A link placeholder Sigana mah ieu:
saméméhnaNgagunakeun Tumbu Placeholder Salila Development
Ampir unggal desainer web geus dijieun Tumbu placeholder dina hiji waktos atanapi sejen bari ngarancang jeung ngawangun ramatloka a. Sateuacan HTML5, urang bakal nulis:
link tékssakumaha placeholder nu. Na mah geus dikirim situs mockup ka klien jeung pamadegan pananda tempat ukur keur gaduh klien nu menta kuring "naha ulah di Tumbu di gawe téks?"
Masalah jeung maké hashtag (#) salaku tumbu placeholder éta link anu clickable, sarta ieu bisa ngabalukarkeun galau klien Anjeun. Na, upami batur poho pikeun ngapdet sareng URL bener, Tumbu jelema bisa katingali pegat dina situs hirup sabab teu numbu ka nanaon.
Gantina, Anjeun kudu mimitian nganggo tag tanpa atribut nanaon. Anjeun tiasa gaya ieu kasampak kawas naon link sejenna dina kaca anjeun, tapi maranéhna moal aya clickable sabab ngan pananda tempat.
Ngagunakeun Placeholder Tumbu on loka Live
Tapi Tumbu placeholder boga tempat dina rarancang web pikeun leuwih ti ngan pangwangunan. Hiji tempat anu tumbu placeholder bisa caang aya dina navigasi. Dina loba kasus, béréndélan navigasi ramatloka gaduh sababaraha cara nembongkeun nu halaman anjeun on. Ieu anu mindeng disebut "anjeun didieu" indikator.
Paling situs ngandelkeun id atribut dina unsur nu perlu teh "anjeun didieu" kamajuan, tapi sababaraha nganggo atribut kelas ogé. Sanajan kitu, atribut naon maneh make, Anjeun kedah ngalakukeun kebat gawé ka unggal kaca nu boga navigasi ka dinya, nambahkeun jeung nyoplokkeun atribut ti elemen bener.
Kalawan tumbu placeholder, anjeun tiasa nyerat navigasi anjeun kumaha oge maneh hoyong, lajeng saukur nyabut atribut href ti link luyu mun anjeun tambahkeun navigasi ka kaca. Kuring neundeun sakabéh daptar navigasi kuring salaku snippet di redaksi kuring, jadi éta ngan gancang salinan-témpél lajeng ngahapus href nu. Anjeun oge bisa meunang CMS anjeun pikeun ngalakonan hal anu sarua.
Jeung sajaba ti nambahkeun styling husus (I gé nunjukkeun maneh sabaraha handap) ka link placeholder, link teu clickable. Jadi konsumén ulah meunang bingung mikir yén maranéhna bisa meunang hal sejenna lamun aranjeunna klik link navigasi dimana aranjeunna ayeuna téh.
Tumbu styling Placeholder
Tumbu Placeholder téh gampang pikeun gaya jeung gaya béda ti tumbu lianna dina kaca web Anjeun. Kantun pastikeun gaya boh tag jeung hiji: tag link. Salaku conto:
a {warna: beureum; font-weight: kandel; téks-hiasan: taya; } A: link {warna: biru; font-weight: normal; téks-hiasan: ngagurat di handapna; }CSS ieu bakal nyieun tumbu placeholder kandel tur beureum, kalawan henteu ngagurat di handapna. Bari Tumbu biasa bakal beurat normal, biru jeung underlined.
Inget pikeun ngareset sagala gaya anjeun teu hoyong jadi dibawa leuwih ti tag. Contona, kuring nyetel font-beurat mun kandel keur Tumbu placeholder, jadi kuring kungsi disetél ka:
font-weight: normal;keur Tumbu baku. Sami bener jeung téks-hiasan, ku nyoplokkeun deui jeung pamilihan hiji, éta bakal geus dihapus pikeun a: pamilihan link lamun kuring geus teu nyimpen eta deui.