Mësoni një mënyrë të lehtë për të hequr nënvizimet nga lidhjet në HTML

Hapat për heqjen e nënvizuar nga lidhjet e tekstit dhe çështjet që të jenë të vetëdijshëm

By default, përmbajtja e tekstit që lidhet me HTML duke përdorur elementin ose "ankorimi" është i vetëquajtur me një nënvizim. Shpesh, web designers zgjedh për të hequr këtë styling parazgjedhur duke hequr theksoj.

Shumë designers nuk kujdesen për pamjen e tekstit nënvizuar, sidomos në blloqet e dendura të përmbajtjes me shumë lidhje. Të gjitha këto fjalë të nënvizuara me të vërtetë mund të thyejnë rrjedhën e leximit të një dokumenti. Shumë prej tyre kanë argumentuar se këto nënvizime në të vërtetë i bëjnë fjalët më të vështira për t'u dalluar dhe lexuar shpejt, për shkak të mënyrës se nënvizimi ndryshon formën e shkronjave natyrore.

Megjithatë, ekzistojnë përfitime legjitime për të mbajtur këto nënvizime në lidhje me tekstin. Për shembull, kur shfletoni nëpër blloqe të mëdha të tekstit, lidhjet e nënvizuara së bashku me kontrastin e duhur të ngjyrave e bëjnë të lehtë për lexuesit që menjëherë të skanojnë një faqe dhe të shohin se ku janë lidhjet. Nëse ju shikoni në artikujt e web design këtu në About.com, si dhe artikuj të tjerë në faqe, ju do të shihni këtë styling e lidhjeve nënvizuar në vend.

Nëse vendosni të hiqni lidhjet nga teksti (një proces i thjeshtë që ne do të mbulojmë së shpejti), sigurohuni që të gjeni mënyra për ta stiluar atë tekst për të dalluar ende atë që është një lidhje nga ajo që është teksti i thjeshtë. Kjo ndodh më së shpeshti me atë kontrast të ngjyrave të lartpërmendur, por ngjyra vetëm mund të paraqesë një problem për vizitorët me dëmtime shikimi si verbim ngjyrash. Në varësi të formës së tyre të veçantë të verbërisë së ngjyrave, kontrasti mund të humbet totalisht ndaj tyre, duke i penguar ata që të shohin dallimin mes tekstit të lidhur dhe të painfektuar. Kjo është arsyeja pse teksti i nënvizuar konsiderohet ende mënyra më e mirë për të treguar lidhjet.

Pra, si mund ta fikni një nënvizim nëse doni akoma ta bëni këtë? Meqë kjo është një karakteristikë vizuale me të cilën jemi të shqetësuar, do të kthehemi në pjesën e faqes sonë të internetit që trajton të gjitha gjërat vizuale - CSS.

Përdorni fletët e stilit Cascading për të fikur nënvizimet në Lidhjet

Në shumicën e rasteve, ju nuk po kërkoni të nënvizoni vetëm një lidhje teksti. Në vend të kësaj, stili juaj i dizajnit ka gjasa që ju të hiqni nënvizimet nga të gjitha lidhjet. Do ta bëni këtë duke shtuar stile në fletën tuaj të jashtme të stilit.

një {text-decoration: none; }

Kjo eshte! Kjo linjë e thjeshtë e CSS do të fikonte nënvizimin (e cila në të vërtetë përdor pronën CSS për "dekorimin e tekstit") në të gjitha lidhjet.

Ju gjithashtu mund të merrni më shumë specifike me këtë stil. Për shembull, nëse dëshironi vetëm të fikni nënvizimin ose lidhjet brenda elementit "nav", mund të shkruani:

nav a {text-decoration: asnjë; }

Tani, lidhjet e tekstit në faqe do të nënvizonin parazgjedhjen, por ato në nav do ta kishin hequr.

Një gjë që shumë web designers zgjedh të bëjë është të kthejnë lidhjen mbrapa "në" kur dikush rri pezull mbi tekstin. Kjo do të bëhet duke përdorur: hover CSS pseudo-klasë, si kjo:

një {text-decoration: none; } a: hover {text-decoration: nënvizoj; }

Përdorimi i Inline CSS

Si një alternativë për të bërë ndryshime në një fletë të jashtme të stilit, mund t'i shtoni edhe stilet drejtpërdrejt elementit në HTML, si në vijim:

kjo lidhje nuk ka nënvizim

Problemi me këtë metodë është që ajo të vendosë informacione stili brenda strukturës tuaj HTML, e cila nuk është një praktikë e mirë. Stili (CSS) dhe struktura (HTML) duhet të mbahen të ndara.

Nëse do të donit të gjitha lidhjet e tekstit të një faqe për të hequr nënvizimin, duke shtuar këtë informacion stil për secilën lidhje në baza individuale, do të thoshte që një sasi e drejtë markupesh shtesë të shtohej në kodin e faqes tënde. Kjo faqe mund të ngadalësojë kohën e ngarkimit të një faqeje dhe të bëjë menaxhimin e përgjithshëm të faqes shumë më sfiduese. Për këto arsye, është e preferueshme që gjithmonë të ktheheni në një fletë të stilit të jashtëm për të gjitha nevojat për styling faqe.

Në mbyllje

Ashtu si është e lehtë për të hequr nënvizimin nga lidhjet e tekstit të një faqeje interneti, duhet gjithashtu të keni kujdes për pasojat e kësaj. Ndërsa mund të pastrojë pamjen e një faqeje, kjo mund ta bëjë këtë në kurriz të përdorshmërisë së përgjithshme. Merrni këtë parasysh herën tjetër që mendoni të ndryshoni pronat e "faqosjes së tekstit" të një faqe.

Artikulli origjinal nga Jennifer Krynin. Redaktuar më 19-09-19 nga Jeremy Girard