Pagkat-on sa usa ka sayon ​​nga paagi sa pagwagtang sa mga ubos nga linya gikan sa Links sa HTML

Mga lakang aron makuha ang ilis sa linya gikan sa mga link sa teksto ug mga isyu aron mahibal-an

Sa kasagaran, ang sulod sa text nga nalambigit sa HTML gamit ang elemento sa " o" anchor "gihulagway nga usa ka underline. Kasagaran, ang mga tigdesinyo sa web mipili sa pagtangtang niini nga estilo sa pag-usab pinaagi sa pagkuha sa underline.

Daghang mga tigdesinyo wala magtagad sa pagtan-aw sa gihan-ay nga teksto, ilabi na sa dasok nga mga bloke sa sulod nga adunay daghan nga mga sumpay. Ang tanan nga mga gisulat nga mga pulong mahimo nga makalapas sa pagbasa sa usa ka dokumento. Daghan ang nangangkon nga ang mga gihan-ay naghimo sa mga pulong nga mas lisud sa pag-ila ug sa pagbasa sa madali tungod sa paagi nga nagpausab sa mga kausaban sa mga natural nga mga sulat.

Adunay mga lehitimong mga benepisyo sa paghupot niini nga mga gibug-aton sa mga link sa teksto, hinoon. Pananglitan, kon mag-browse ka sa dagkong mga bloke sa teksto, ang mga linya nga may linya nga gipaangay sa husto nga kolor sa kolor dali alang sa mga magbabasa sa pagsusi dayon sa usa ka panid ug tan-awon kung diin ang mga sumpay. Kung tan-awon nimo ang web design articles dinhi sa About.com, maingon man ang uban nga mga artikulo sa site, imong makita kini nga estilo sa mga nalambigit nga mga link sa lugar.

Kon makadesisyon ka nga kuhaon ang mga link gikan sa teksto (usa ka yano nga proseso nga atong tabunan sa dili madugay), siguroha ang pagpangita og mga paagi sa pag-estilo nianang tekstoha aron makalahi gihapon kon unsa ang usa ka sumpay gikan sa yano nga teksto. Kini kasagaran nga nahimo nianang nahisgutan nga kolor nga kalainan, apan ang kolor nga nag-inusara mahimong usa ka problema alang sa mga bisita nga may mga sulud sa panan-aw sama sa pagkabuta sa kolor. Depende sa ilang partikular nga porma sa pagkabuta sa kolor, ang pagtandi mahimong hingpit nga nawala kanila, nga makapugong kanila sa pagtan-aw sa kalainan tali sa nalambigit ug dili nga nalambigit nga teksto. Mao kini ang hinungdan nga ang underlined text giisip gihapon nga labing maayong paagi sa pagpakita sa mga link.

Busa giunsa nimo pagputol ang underline kung gusto nimo nga buhaton? Tungod kay kini usa ka biswal nga kinaiya nga atong gikabalak-an, kita mobalik ngadto sa bahin sa atong website nga nagdumala sa tanang butang nga makita - CSS.

Gamita ang Cascading Style Sheets aron sa pagputol sa mga Underlines sa Links

Sa kadaghanan nga mga kaso, wala ka magtinguha nga ibutang ang usa ka gibug-aton sa usa lang ka link sa teksto. Hinunoa, ang imong estilo sa desinyo lagmit nagkinahanglan kanimo nga kuhaon ang mga gibug-aton gikan sa tanan nga mga sumpay. Mahimo nimo kini pinaagi sa pagdugang sa mga estilo sa imong estilo sa estilo sa gawas.

usa ka text-decoration: wala; }

Mao kana! Nga ang usa ka yano nga linya sa CSS mopalong sa underline (nga sa pagkatinuod naggamit sa CSS property alang sa "text-decoration") sa tanang mga link.

Mahimo usab nimo nga mas tukma kini nga estilo. Pananglitan, kung gusto ka lang nga mopalong sa underline o sa mga sumpay sa sulod sa elemento sa "nav", makasulat ka:

nav a {text-decoration: wala; }

Karon, ang mga link sa teksto sa panid makadawat og default underline, apan ang anaa sa nav mahimo nga kini gikuha.

Ang usa ka butang nga gipili sa daghang mga tigdisenyo sa web mao ang pagpabalik sa "balik" sa usa ka higayon kon adunay usa nga naglihok ibabaw sa teksto. Mahimo kini gamit ang: hover CSS pseudo-class, sama niini:

usa ka text-decoration: wala; } a: hover {text-decoration: underline; }

Paggamit sa Inline CSS

Ingon nga alternatibo sa paghimo sa mga pagbag-o sa usa ka external nga stylesheet, mahimo usab nimo idugang ang mga estilo direkta sa elemento mismo sa HTML, sama niini:

kining sumpay wala'y underline

Ang problema sa kini nga pamaagi mao nga kini nagbutang sa istilo sa impormasyon sa sulod sa imong HTML nga estraktura, nga dili usa ka maayo nga praktis. Ang estilo (CSS) ug istruktura (HTML) kinahanglan ibulag.

Kung gusto nimo ang tanan nga mga link sa teksto sa site nga gipagawas ang underline, idugang kini nga estilo nga impormasyon sa matag link sa tagsa-tagsa nga basehan nagpasabut nga usa ka patas nga gidaghanon sa dugang nga markup nga idugang sa code sa imong site. Ang pagpagawas niini nga panid makapahuyang sa oras sa pag-load sa usa ka site ug paghimo sa pangkalibutang pagdumala sa panid nga mas lisud. Tungod niini nga mga hinungdan, mas maayo nga kanunay nga ibalik sa usa ka estilo sa estilo sa gawas alang sa tanan nga mga kinahanglanon sa pag-istilo sa panid.

Sa Panapos

Ingon nga sayon ​​nga makuha ang underline gikan sa mga link sa teksto sa web page, kinahanglan usab nga mahunahunaon ang mga sangputanan sa pagbuhat sa ingon. Bisan tuod kini sa pagkatinuod makalimpyo sa pagtan-aw sa usa ka panid, mahimong buhaton kini sa gasto sa kinatibuk-ang usability. Hunahunaa kini sa sunod nga higayon nga imong ikonsiderar ang pag-usab sa usa ka panid sa "teksto-dekorasyon".

Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit sa 9/19/16 ni Jeremy Girard