Lernu Facila Vojo Forigi la Subtekstojn De Ligiloj en HTML

Paŝoj forigi subtekstojn de tekstaj ligiloj kaj temoj por esti konsciaj

Defaŭlte, teksto-enhavo ligita al HTML uzante la aŭ "ankron" elementon estas stiligita per subskribaĵo. Ofte, retejaj desegnantoj elektas forigi ĉi tiun defaŭltan stilon forigante la substrekon.

Multaj diseñistoj ne zorgas pri la aspekto de substrekita teksto, precipe en densaj blokoj de enhavo kun multaj ligoj. Ĉiuj tiuj substrekitaj vortoj povas vere rompi la legan fluon de dokumento. Multaj argumentis, ke tiuj substrekoj efektive faras vortojn pli malfacile distingi kaj legi rapide pro la maniero, kiu submetas ŝanĝojn al la naturaj literoj.

Ekzistas leĝaj profitoj reteni ĉi tiujn substrekojn en tekstaj ligiloj, tamen. Ekzemple, kiam vi trarigardas grandajn blokojn de teksto, substrekitaj ligiloj kun konvena kolora kontrasto faciligas al la legantoj scani tuj paĝon kaj vidi, kie estas la ligoj. Se vi rigardas la TTT-desegnajn artikolojn ĉi tie en Pri.Com, kaj ankaŭ aliaj artikoloj en la retejo, vi vidos ĉi tiun stilon de substrekitaj ligiloj en la loko.

Se vi decidas forigi ligilojn de la teksto (simpla procezo, kiun ni baldaŭ kovros), vi certe trovos manierojn stiligi tiun tekston por ankoraŭ diferencigi, kio estas ligilo de la klara teksto. Ĉi tio estas plej ofte farita kun tiu menciita kolora kontrasto, sed koloron sola povas kaŭzi problemon por vizitantoj kun vidaj difektoj kiel kolora blindeco. Dependante de sia aparta formo de koloro-blindeco, kontrasto povas esti tute perdita sur ili, evitante ilin vidante la diferencon inter ligitaj kaj ne-ligitaj teksto. Jen kial subskribita teksto ankoraŭ konsideras la plej bonan vojon por montri ligilojn.

Do kiel vi malŝaltas rimarkon, ĉu vi ankoraŭ volas fari tion? Pro tio ke ĉi tio estas vida karaktero, kiun ni koncernas, ni turniĝos al la parto de nia retejo, kiu manipulas ĉiujn vidojn - CSS.

Uzu Kaŝadajn Stilfoliojn por Malŝalti la Subskribaĵojn sur Ligiloj

Plejofte, vi ne volas turni subtekston sur nur unu teksto-ligon. Anstataŭe, via stilo de dezajno eble bezonas forigi substrekojn el ĉiuj ligiloj. Vi farus tion aldonante stilojn al via ekstera stilo-folio.

{teksto-dekoracio: nenio; }

Jen ĝi! Tiu simpla linio de CSS forĵetus la substrekon (kiu efektive uzas la proprieton de CSS por "teksto-dekoracio") en ĉiuj ligiloj.

Vi ankaŭ povus akiri pli specifan kun ĉi tiu stilo. Ekzemple, se vi nur volis forĵeti la substrekon aŭ la ligilojn ene de la "nav" elemento, vi povus skribi:

nav {text-dekoracio: nenio; }

Nun, tekstaj ligiloj en la paĝo ricevos la antaŭdifinitan substrekon, sed tiuj en la navo forprenus ĝin.

Unu afero, kiun multaj dezajnoj de la retejo elektas fari turni la ligilon reen "on" kiam iu transpasas la tekston. Ĉi tio fariĝus uzante la: ŝvebado CSS pseudo-klaso, kiel ĉi:

{teksto-dekoracio: nenio; } a: ŝvebu {tekst-dekoracio: subskribu; }

Uzanta Inline CSS

Kiel alternativo al ŝanĝoj al ekstera stilfolio, vi ankaŭ povus aldoni la stilojn rekte al la elemento mem en HTML, kiel ĉi tiu:

ĉi tiu ligo havas neniun substrekon

La problemo kun ĉi tiu metodo estas, ke ĝi metas stilon informojn en vian HTML-strukturon, kio ne estas plej bona praktiko. Stilo (CSS) kaj strukturo (HTML) devus esti konservitaj apartaj.

Se vi deziris ĉiujn ligilojn de tekstoj por havi la substrekon forigita, aldonante ĉi tiun stilon-informon al ĉiu ligo individue, signifus justa kvanto da kroma marko aldonita al la kodo de via retejo. Ĉi tiu paĝo bloat povas malrapidigi la ŝarĝan tempon de la retejo kaj fari ĝeneralan paĝon administradon multe pli malfacila. Por ĉi tiuj kialoj, estas pli bone ĉiam turniĝi al ekstera stilo-folio por ĉiuj bezonoj de stilo.

En Fermo

Kiel facile kiel forigi la substrekston de la tekstaj ligiloj de retpaĝoj, vi ankaŭ devas memori la konsekvencojn fari tion. Kvankam ĝi eble povas purigi la aspekton de paĝo, ĝi povas fari ĝin koste de ĝenerala usabilidad. Konsideru tion la venontan tempon, ke vi konsideras ŝanĝi la "tekst-ornamon" propraĵojn de la paĝo.

Originala artikolo de Jennifer Krynin. Redaktita la 9/19/16 de Jeremy Girard