Diajar hiji Jalan Gampang Leupaskeun negeskeun Ti Tumbu di HTML

Léngkah pikeun nyoplokkeun ngagurat di handapna ti Tumbu téks na isu janten sadar

Sacara standar, eusi téks anu numbu ka HTML ngagunakeun atawa "jangkar" unsur ieu styled kalawan ngagurat di handapna. Oftentimes, web désainer milih miceun styling standar ieu ku nyoplokkeun ngagurat di handapna teh.

Loba désainer teu paduli keur katingal tina téks underlined, utamana di blok padet tina eusi jeung kavling Tumbu. Kabéh jalma kecap underlined bisa bener megatkeun aliran bacaan tina dokumen a. Loba geus pamadegan yen jalma negeskeun sabenerna nyieun kecap harder keur ngabedakeun jeung maca gancang kusabab cara nu underlining robah letterforms alam.

Aya kauntungan sah mun panahan negeskeun ieu dina Tumbu téks salawasna. Contona, nalika anjeun ngotéktak ngaliwatan blok badag tina téks, underlined Tumbu gandeng kalawan jelas warna ditangtoskeun nyieun gampang pikeun nonton langsung nyeken kaca tur tingal mana Tumbu téh. Lamun kasampak di artikel desain web dieu on About.com, kitu ogé artikel séjén dina situs, Anjeun bakal ningali styling ieu Tumbu underlined di tempat.

Mun anjeun mutuskeun dipiceun Tumbu ti téks (a prosés basajan nu baris kami nutupan lila), pastikeun pikeun manggihan cara pikeun gaya nu téks mun masih kalan naon tumbu tina naon téks polos. Ieu paling mindeng dipigawé ku anu jelas warna disebut tadi, tapi warna nyalira tiasa pasang aksi masalah pikeun nu datang kalayan impairments visual kawas lolong warna. Gumantung kana formulir tinangtu maranéhanana lolong warna, kontras bisa jadi sagemblengna leungit dina éta, ngahulag aranjeunna tina ningali bédana antara téks dikaitkeun tur non-numbu. Ieu naha téks underlined masih dianggap cara pangalusna keur némbongkeun tumbu.

Jadi kumaha maneh mareuman hiji ngagurat di handapna lamun masih hayang ngalakukeun kitu? Kusabab ieu téh ciri visual kami nu museur, urang bakal ngahurungkeun ka bagian tina ramatloka urang nu handles sagala hal visual - CSS.

Paké Cascading Style cadar pikeun mareuman negeskeun dina Tumbu

Dina kalolobaan kasus, Anjeun teu pilari ngahurungkeun hiji ngagurat di handapna kaluar on ngan salah link téks. Gantina, Desain ala anjeun dipikaresep butuh jang ngaleupaskeun negeskeun ti links.You bakal ngalakukeun ieu ku cara nambahkeun gaya mun gaya lambar éksternal Anjeun.

a {téks-hiasan: taya; }

Éta pisan! Nu hiji garis basajan tina CSS bakal mareuman ngagurat di handapna (anu sabenerna ngagunakeun harta CSS pikeun "téks-hiasan") dina sagala Tumbu.

Anjeun oge bisa meunangkeun anu leuwih spésifik kalawan gaya ieu. Contona, lamun ukur hayang mareuman ngagurat di handapna atawa Tumbu jero tina "nav" unsur, Anjeun bisa nulis:

nav a {téks-hiasan: taya; }

Ayeuna, téks Tumbu dina kaca bakal meunangkeun ngagurat di handapna standar, tapi jelema di nav teh bakal geus eta dihapus.

Hiji hal loba web désainer milih sugan aya ngahurungkeun link deui "dina" lamun batur hovers leuwih téks. Ieu bakal dilakukeun ngagunakeun: hover CSS pseudo-kelas, kawas kieu:

a {téks-hiasan: taya; } A: hover {téks-hiasan: ngagurat di handapna; }

Ngagunakeun Inline CSS

Minangka alternatif nyieun parobahan ka stylesheet éksternal, Anjeun ogé bisa ditambah gaya langsung ka unsur sorangan dina HTML, kawas kieu:

link ieu boga ngagurat di handapna

Masalah sareng metoda ieu téh nya éta tempat informasi gaya jero struktur HTML anjeun, nu teu prakték pangalusna. Gaya (CSS) jeung struktur (HTML) kudu dijaga misah.

Lamun hayang sakabéh Tumbu téks situs urang geus ngagurat di handapna nu dipiceun, nambahan informasi gaya ieu tiap link dina hiji basis individu bakal hartosna jumlah adil tina aksara tambahan keur ditambahkeun kana kode situs anjeun. Kaca bloat Ieu bisa ngalambatkeun turun waktu beban situs urang jeung nyieun manajemén kaca sakabéh leuwih nangtang. Alesan ieu, éta leuwih hade mun salawasna giliran hiji gaya lambar éksternal pikeun sakabéh kaperluan kaca styling.

dina nutup

Salaku gampang sakumaha anu kasebut ngaleupaskeun ngagurat di handapna ti Tumbu téks kaca web urang, Anjeun ogé kedah mindful sahiji konsekuensi seja kitu. Bari eta bisa memang ngabersihan up tampilan kaca, éta bisa ngalakukeunana dina expense of usability sakabéh. Candak ieu kana akun waktos salajengna basa Anjeun mertimbangkeun ngarobah kaca ieu "téks-hiasan" sipat.

Aslina artikel ku Jennifer Krynin. Diédit on 9/19/16 ku Jeremy Girard