Langkah-langkah kanggo ngilangi garis ngisor saka pranala teks lan masalah sing kudu dideleng
Secara default, isi teks sing ditaoni karo HTML nggunakake unsur utawa "jangkar" disusun karo garis bawah. Senadyan, perancang web milih ngilangi gaya iki kanthi ngilangi garis bawah.
Akeh perancang ora ngurus tampilan teks sing digandhengake, utamane ing pamblokiran isi kanthi akeh pranala. Kabeh tembung sing dituturake bener bisa ngilangi arus maca saka dokumen. Akeh sing nyatakake yen garis-garis ngisor kasebut bener nggawe tembung luwih angel kanggo mbedakake lan maca kanthi cepet amarga cara sing nggambarake owah-owahan huruf asli.
Nanging, ana manfaat sing sah kanggo nahan garis ngisor iki ing pranala teks. Contone, nalika sampeyan nggoleki pamblokiran teks gedhe, pranala sing digandhengake karo kontras warna sing tepat nggawe gampang kanggo maca buku lan ndeleng ngendi pranala. Yen sampeyan ndeleng artikel desain web ing About.com, uga artikel liyane ing situs iki, sampeyan bakal nemtokake cara nggambar ing ngisor iki.
Yen sampeyan arep ngilangi tautan saka teks kasebut (proses prasaja sing bakal ditrapake ora suwe), manawa sampeyan nemokake cara kanggo ngowahi tèks kasebut isih mbédakaké apa sing minangka pranala saka teks sing biasa. Iki paling kerep ditindakake kanthi kontras werna kasebut, nanging werna mung bisa ndadekake masalah kanggo pengunjung karo cacat visual kaya wuta werna. Gumantung ing wangun tartamtu saka kabutuhan warna, kontras bisa uga diilangi, nyegah wong-wong mau nemu prabandhingan antarane teks sing disambung lan sing ora disambung. Iki sebabe teks sing digaris bunder isih dianggep minangka cara sing paling apik kanggo nuduhake pranala.
Supaya carane mateni garis ngisor yen sampeyan isih pengin nglakoni? Awit iki minangka ciri visual sing kita waca, kita bakal nguripake menyang situs web kita sing ngatasi kabeh hal - CSS.
Gunakake Style Sheets kanggo Mateni Linelines ing Pranala
Ing sawetara kasus, sampeyan ora pengin nguripake garis garis cilik ing mung siji tautan teks. Nanging, gaya desain sampeyan mbutuhake sampeyan mbusak garis ngisor saka kabeh pranala. Sampeyan bakal nindakake iki kanthi nambah gaya menyang style sheet sampeyan.
a {text-decoration: none; }Mekaten! Sing siji baris prasaja saka CSS bakal mateni garis ngisor (sing bener migunakake properti CSS kanggo "tulisan-dekorasi") ing kabeh pranala.
Sampeyan uga bisa njaluk luwih spesifik karo gaya iki. Umpamane, yen sampeyan mung pengin mateni garis ngisor utawa pranala ing elemen "nav", sampeyan bisa nulis:
nav a {text-decoration: none; }Saiki, pranala teks ing kaca bakal nampilake garis bawah standar, nanging sing ana ing nav bakal dibusak.
Siji-perkara sing akeh desainer web milih nindakake iku kanggo ngowahi link "on" nalika wong mburu liwat teks. Iki bakal rampung kanthi nggunakake: hover CSS pseudo-class, kaya iki:
a {text-decoration: none; } sing: hover {text-decoration: underline; }Nggunakake CSS Inline
Minangka alternatif kanggo nggawe owahan kanggo gaya eksternal, sampeyan uga bisa nambah gaya langsung menyang unsur kasebut ing HTML, kaya iki:
pranala iki ora nggambarakeMasalah karo metode iki yaiku nduwe informasi gaya ing jero struktur HTML, sing ora praktik paling apik. Gaya (CSS) lan struktur (HTML) kudu tetep kapisah.
Yen sampeyan pengin kabeh pranala teks situs wis ditolak, nambahake informasi gaya iki kanggo saben pranala kanthi basis individu bakal tegese jumlah markup ekstra sing ditambahake ing kode situs sampeyan. Panggonan kaca iki bisa ngendhaleni wektu mbukak situs lan nggawe manajemen kaca sakabèhé luwih tantangan. Kanggo alasan kasebut, luwih becik tansah ngowahi gaya sheet eksternal kanggo kabeh kabutuhan gaya kaca.
Ing Panutup
Kaya gampang kanggo mbusak garis bawah saka pandhuan teks kaca web, sampeyan uga kudu ngerti konsekuensi saka nglakoni. Nalika bisa ngresiki deleng kaca, bisa uga kanthi biaya migunani sakabèhé. Njupuk akun kasebut nalika mbesuk ngganti kaca "sifat-sifat-teks".
Artikel asli dening Jennifer Krynin. Diedit ing 9/19/16 dening Jeremy Girard