Hier is 'n maklike manier om die onderstreep van skakels in HTML te verwyder

Baie ontwerpers gee nie om vir die voorkoms van onderstreepte teks nie, veral in digte blokke van inhoud met baie skakels. Al die onderstreepte woorde kan die leesvloei van 'n dokument regtig breek. Baie het aangevoer dat die onderstreep eintlik woorde moeiliker maak om vinnig te onderskei en te lees as gevolg van die wyse waarop die natuurlike lettervorms verander word.

Daar is egter wettige voordele om hierdie onderstreepte op teksskakels te behou. Byvoorbeeld, as jy blaai deur groot blokke teks, onderstreepte skakels tesame met die korrekte kleur kontras, maak dit maklik vir lesers om dadelik 'n bladsy te skandeer en te sien waar die skakels is. As u na die webdesign artikels hier op About.com kyk, asook ander artikels op die webwerf, sal u hierdie stilering van onderstreepte skakels in plek sien.

As jy besluit om skakels uit die teks te verwyder ('n eenvoudige proses wat ons binnekort sal dek), moet jy maniere vind om daardie teks te stal om nog te onderskei wat 'n skakel is van wat gewone teks is. Dit word meestal met die genoemde kleurkontras gedoen, maar kleur alleen kan 'n probleem vir besoekers met sigbare gestremdhede soos kleurblindheid veroorsaak. Afhangende van hul spesifieke vorm van kleurblindheid, kan kontras heeltemal verlore wees, sodat hulle nie die verskil tussen gekoppelde en nie-gekoppelde teks kan sien nie. Daarom word onderstreepte teks steeds die beste manier om skakels te wys.

So hoe skakel jy 'n onderstreep af as jy dit nog wil doen? Aangesien dit 'n visuele eienskap is waarop ons besig is, gaan ons na die gedeelte van ons webwerf wat alle visuele - CSS behandel.

Gebruik Cascading Style Sheets om die onderstrepe op skakels af te skakel

In die meeste gevalle wil u nie 'n onderstreep op slegs een tekskakel afskakel nie. In plaas daarvan vereis jou ontwerpstyl waarskynlik dat jy onderstreepte van alle skakels verwyder. Jy sal dit doen deur style by jou eksterne stylvel te voeg.

Dis dit! Die een eenvoudige lyn van CSS sou die onderstreep afskakel (wat eintlik die CSS-eiendom vir "teksversiering" gebruik) op alle skakels.

Jy kan ook meer spesifiek met hierdie styl kry. As jy byvoorbeeld net die onderstreep of die skakels van die "nav" -element wou afskakel, kan jy skryf:

Nou, teks skakels op die bladsy sou die standaard onderstreep kry, maar diegene in die nav sou dit verwyder het.

Een ding wat baie webontwerpers kies om te doen, is om die skakel weer aan te skakel wanneer iemand oor die teks beweeg. Dit sal gedoen word met die: hover CSS pseudoklas, soos volg:

Gebruik Inline CSS

As alternatief om veranderinge aan 'n eksterne style te maak, kan jy ook die style direk by die element self in HTML voeg, soos volg:

Die probleem met hierdie metode is dat dit stylinligting in jou HTML-struktuur plaas, wat nie 'n beste praktyk is nie. Styl (CSS) en struktuur (HTML) moet apart gehou word.

As u al die teksskakels van 'n webwerf wil hê om die onderstreep te verwyder, sal hierdie stylinligting by elke skakel op 'n individuele basis beteken dat 'n redelike hoeveelheid ekstra opmaak by die kode van u webwerf gevoeg word. Hierdie bladsye kan 'n laaityd van 'n werf vertraag en die algehele bladsybestuur baie meer uitdagend maak. Om hierdie redes is dit verkieslik om altyd na 'n eksterne stylblad te gaan vir al die bladsy stileringsbehoeftes.

In Sluiting

So maklik as om die onderstreep van 'n webblad se teksskakels te verwyder, moet jy ook die gevolge daarvan daarvan in gedagte hou. Alhoewel dit wel die voorkoms van 'n bladsy kan skoonmaak, kan dit dit ten koste van algehele bruikbaarheid doen. Hou hiermee rekening met die volgende keer dat u dit oorweeg om 'n bladsy se "teks-versiering" eienskappe te verander.

Oorspronklike artikel deur Jennifer Krynin. Geredigeer op 9/19/16 deur Jeremy Girard