Mga hakbang upang alisin ang salungguhit mula sa mga link ng teksto at mga isyu upang malaman
Bilang default, nilalaman ng teksto na naka- link sa HTML gamit ang elemento ng "" anchor "ay naka-istilong may isang salungguhit. Kadalasan, pinili ng mga taga-disenyo ng web na tanggalin ang default na estilo sa pamamagitan ng pag-alis sa ilalim ng linya.
Maraming taga-disenyo ang hindi nagmamalasakit sa hitsura ng salungguhit na teksto, lalo na sa mga siksik na bloke ng nilalaman na may maraming mga link. Ang lahat ng mga salungguhit na mga salita ay maaaring lubusang masira ang daloy ng pagbabasa ng isang dokumento. Maraming nag-aral na ang mga underline ay talagang nagsasagawa ng mga salita nang mas mahirap na makilala at mabilis na magbasa dahil sa paraan na nagbabago ang mga pagbabago sa natural na mga liham ng sulat.
Gayunpaman, may mga lehitimong benepisyo upang mapanatili ang mga salungguhit sa mga tekstong link. Halimbawa, kapag nag-browse ka sa mga malalaking bloke ng teksto, ang mga salungguhit na link na kasama ng tamang kulay na contrast ay ginagawang madali para sa mga mambabasa na agad i-scan ang isang pahina at makita kung saan ang mga link. Kung titingnan mo ang mga artikulo sa disenyo ng web dito sa About.com, pati na rin ang iba pang mga artikulo sa site, makikita mo ang estilo ng mga nakalakip na mga link sa lugar.
Kung nagpasiya kang tanggalin ang mga link mula sa teksto (isang simpleng proseso na saklawin namin sa ilang sandali), siguraduhing makahanap ng mga paraan upang mag-estilo na ang teksto upang makilala ang pagkakaiba sa kung ano ang isang link mula sa kung ano ang plain text. Ito ay kadalasang ginagawa gamit ang nabanggit na kaibahan ng kulay, ngunit ang kulay na nag-iisa ay maaaring magpose ng problema para sa mga bisita na may mga kapansanan sa paningin tulad ng pagkabulag ng kulay. Depende sa kanilang partikular na anyo ng pagkabulag ng kulay, ang kaibahan ay maaaring ganap na mawawala sa kanila, na pumipigil sa kanila na makita ang pagkakaiba sa pagitan ng naka-link at hindi naka-link na teksto. Ito ang dahilan kung bakit itinuturing pa rin ang pinakamagandang paraan upang ipakita ang mga link.
Kaya paano mo i-off ang isang underline kung gusto mo pa ring gawin ito? Dahil ito ay isang visual na katangian na kami ay nababahala sa, kami ay bumabalik sa bahagi ng aming website na humahawak sa lahat ng mga bagay visual - CSS.
Gamitin ang Cascading Style Sheets upang I-off ang Mga Binababa sa Mga Link
Sa karamihan ng mga kaso, hindi mo hinahanap upang i-downline ang isang link sa text. Sa halip, ang iyong estilo ng disenyo ay malamang na kailangan mong alisin ang mga salungguhit mula sa lahat ng mga link. Magagawa mo ito sa pamamagitan ng pagdaragdag ng mga estilo sa iyong panlabas na style sheet.
isang {text-decoration: none; }Ayan yun! Ang isang simpleng linya ng CSS ay i-off ang salungguhit (na aktwal na gumagamit ng CSS property para sa "text-decoration") sa lahat ng mga link.
Maaari ka ring makakuha ng mas tiyak sa estilo na ito. Halimbawa, kung gusto mo lamang i-off ang salungguhit o ang mga link sa loob ng elemento ng "nav", maaari mong isulat ang:
nav a {text-decoration: none; }Ngayon, ang mga link na teksto sa pahina ay makakakuha ng default na salungguhit, ngunit ang mga nasa nav ay maalis ito.
Ang isang bagay na pinipili ng maraming taga-disenyo ng web ay upang i-on ang link "sa" kapag ang isang tao ay naglalakbay sa teksto. Magagawa ito gamit ang: hover CSS pseudo-class, tulad nito:
isang {text-decoration: none; } a: hover {text-decoration: underline; }Paggamit ng Inline CSS
Bilang alternatibo sa paggawa ng mga pagbabago sa isang panlabas na stylesheet, maaari mo ring idagdag ang mga estilo nang direkta sa elemento mismo sa HTML, tulad nito:
walang link ang link na itoAng problema sa pamamaraang ito ay na inilalagay ang estilo ng impormasyon sa loob ng iyong HTML na istraktura, na hindi isang pinakamahusay na kasanayan. Ang Estilo (CSS) at istraktura (HTML) ay dapat manatiling hiwalay.
Kung nais mo ang lahat ng mga link ng teksto ng isang site upang alisin ang salungguhit, idagdag ang estilo ng impormasyon sa bawat link sa isang indibidwal na batayan ay nangangahulugan ng isang makatarungang halaga ng dagdag na markup na idinagdag sa code ng iyong site. Maaaring pabagalin ng pahina na ito ang oras ng pagkarga ng isang site at gawing mas mahirap ang pangkalahatang pamamahala ng pahina. Para sa mga kadahilanang ito, lalong kanais-nais na palaging i-on ang isang panlabas na style sheet para sa lahat ng mga pangangailangan sa pag-istilo ng pahina.
Sa Pagsara
Sa madaling paraan upang alisin ang salungguhit mula sa mga link ng teksto ng web page, dapat mo ring alalahanin ang mga kahihinatnan ng paggawa nito. Bagaman maaari itong linisin ang hitsura ng isang pahina, maaaring gawin ito sa kapinsalaan ng pangkalahatang kakayahang magamit. Isaalang-alang ito sa susunod na isaalang-alang mo ang pagpapalit ng mga pag-aari ng "text-decoration" ng pahina.
Orihinal na artikulo ni Jennifer Krynin. Na-edit noong 9/19/16 ni Jeremy Girard