Ithute Tsela e Bonolo ea ho Tlosa Underlines ho Li-Links ka HTML

Mehato ea ho tlosa melaetsa e hlakileng ho li-text links le lintlha tse lokelang ho elelloa

Ka nako e sa lekanyetsoang, litokomane tse ngotsoeng ho HTML li sebelisa kapa "anchor" karolo e ngotsoe ka mochini o ka tlaase. Hangata, baqapi ba liwebsaete ba khetha ho tlosa mokhoa ona o sa feleng ka ho tlosa molaetsa o ka tlaase.

Baqapi ba bangata ha ba tsotelle ponahalo ea litemana tse totobetseng, haholo-holo ka lintho tse ngata tse nang le li-link. Mantsoe ana a tiisitsoeng a ka senya ho bala ha tokomane. Ba bangata ba phehile khang ea hore lipelaelo tseo li etsa hore mantsoe a be thata ho khetholla le ho bala ka potlako ka lebaka la tsela e hlalosang liphetoho tsa li-letterform tsa tlhaho.

Ho na le melemo e nepahetseng ea ho boloka litlhaloso tsena ho li-text links, leha ho le joalo. Ka mohlala, ha u sheba melaetsa e kholo, lihlopha tse totobetseng hammoho le mebala e fapaneng ea mebala e etsa hore ho be bonolo hore babali ba hlahlobe hang-hang leqephe le ho bona moo li-link li leng teng. Haeba u sheba lihlooho tsa li-websaete tsa websaete mona ka About.com, hammoho le lihlooho tse ling setšeng sena, u tla bona setaele sena sa lihlopha tse behiloeng ka tlase.

Haeba u etsa qeto ea ho tlosa lihlopha ho tloha temaneng (mokhoa o bonolo oo re tla o koahela haufinyane), etsa bonnete ba hore u fumana litsela tsa mokhoa oa hore mongolo o tsoanetse ho khetholla se amanang le mangolo a hlakileng. Sena se atisa ho etsoa ka mebala e sa tšoaneng e boletsoeng ka holimo, empa 'mala o mong o ka baka bothata ho baeti ba nang le bokooa bo bonahalang joaloka bofofu ba' mala. Ho itšetlehile ka mofuta o itseng oa 'mala oa bofofu, phapang e ka' na ea lahleheloa ka ho feletseng ho bona, ea ba thibela ho bona phapang pakeng tsa lihlooho tse amanang le tse sa amaneng. Ke ka lebaka leo litemana tse hlalositsoeng li ntseng li nkoa e le tsela e molemo ka ho fetisisa ea ho bontša lihlopha.

Joale u tima melaetsa e ka tlaase joang haeba u ntse u batla ho etsa joalo? Kaha sena ke tšobotsi ea pono eo re amehileng ka eona, re tla fetela karolo ea websaeteng ea rona e sebetsanang le lintho tsohle tse bonahalang - CSS.

Sebelisa Li-Sheet Style Style ho Tlosa Litlhaku tsa Li-Links

Maemong a mangata, ha o batle ho fetola moqotlo o ka tlaase ho setšoantšo se le seng sa mongolo. Ho e-na le hoo, mokhoa oa hau oa ho khetha o ka hloka hore u tlose melaetsa e tsoang lialeng tsohle. U ka etsa sena ka ho eketsa mekhoa ea leqephe la hau la mokhoa oa ka ntle.

e {text-decoration: ha ho letho; }}

Ho felile ke lehlohonolo! Mola o le mong o bonolo oa CSS o tla emisa molaetsa o ka tlaase (o sebelisang mohloli oa CSS bakeng sa "mongolo-mokhabiso") ho li-link tsohle.

U ka boela ua fumana ho toba ka mokhoa ona. Ka mohlala, haeba u ne u batla feela ho tima moeli o ka tlaase kapa li-link tse ka har'a "nav" karolo, u ka ngola:

nav a {text-decoration: none; }}

Hona joale, mongolo o hokahanya le leqepheng lena o tla fumana moelelo o sa feleng, empa ba neng ba le nav ba ne ba tla o tlosa.

Ntho e le 'ngoe baqapi ba websaete ba khethang ho e etsa ke ho khutlisetsa khokahanyo "ho" ho "ha motho e mong a e-ea holimo. Sena se ne se tla etsoa ka: hover CSS palo ea maqheka, joaloka ena:

e {text-decoration: ha ho letho; } a: hover {text-decoration: tokomane; }}

Ho sebelisa Inline CSS

E le mokhoa o mong oa ho etsa liphetoho ho stylesheet e ka ntle, u ka boela ua eketsa mekhoa ka ho toba ho sebopeho ka boeona ka HTML, joaloka ena:

sena se hokahano ha se na moelelo o motle

Bothata ka mokhoa ona ke hore o fana ka tlhahisoleseding ea mokhoa oa sebopeho ka hare ho sebopeho sa hau sa HTML, e seng mokhoa o motle. Sebopeho (CSS) le sebopeho (HTML) se lokela ho lula se arohile.

Haeba o ne o batla hore mongolo o mong le o mong oa setša o hokahane hore o tlosoe ka tlaase, ho eketsa tlhahisoleseding ena ea setaele ho hokahanya ka mong ka mong ho ka bolela hore ho na le mekhabiso e mengata e kenyelletsoeng khoeling ea hau ea sebaka. Leqephe lena bloat e ka fokotsa nako ea mocheso oa setša 'me ea etsa hore phekolo ea leqephe ka kakaretso e be thata haholoanyane. Bakeng sa mabaka ana, ho khoneha hore kamehla utelehele ho setaele sa mokhoa oa ka ntle bakeng sa litlhoko tsohle tsa setaele sa leqephe.

Ho koala

Joalokaha ho le bonolo ho tlosa molaetsa o ka tlaase ho websaeteng ea maqephe a websaete, u lokela ho hopola liphello tsa ho etsa joalo. Le hoja ka sebele e ka hloekisa ponahalo ea leqephe, e ka etsa joalo ka litšenyehelo tsa ho sebetsa ka kakaretso. Nahana ka lekhetlo le latelang ha u nahana ho fetola thepa ea "text-decoration" ea leqephe.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ka la 9/19/16 ke Jeremy Girard