Uzziniet vienkāršu veidu, kā likvidēt zemāk esošās saites no HTML

Pasākumi, lai noņemtu pasvītrojumu no teksta saitēm un jautājumiem, par kuriem jāzina

Pēc noklusējuma teksta saturs, kas ir saistīts ar HTML, izmantojot vai enkura elementu, ir veidots ar pasvītrojumu. Bieži vien tīmekļa izstrādātāji izvēlas noņemt šo noklusējuma stilu, noņemot pasvītrojumu.

Daudzi dizaineri rūpējas par izcelto teksta izskatu, jo īpaši blīvos satura blokos ar daudzām saitēm. Visi šie pasvītrotie vārdi patiešām var pārtraukt dokumenta lasīšanas plūsmu. Daudzi ir apgalvojuši, ka tie, kas uzsvēra, faktiski padara vārdus grūtāk atšķirt un lasīt ātri, jo veids, kā uzsverot, maina dabiskās burtu formas.

Tomēr ir likumīgs ieguvums, saglabājot šīs uzsvērtās teksta saites. Piemēram, kad pārlūkojat lielus teksta blokus, pasvītrotie saites kopā ar atbilstošu krāsu kontrastu ļauj lasītājiem nekavējoties skenēt lapu un redzēt, kur ir saites. Ja skatāties uz web-dizaina rakstus šeit, aptuveni.com, kā arī citos rakstos vietnē, jūs redzēsiet šo pasvītroto saišu stilu vietā.

Ja jūs nolemjat noņemt teksta saites (vienkāršs process, ko mēs drīzumā aptversim), pārliecinieties, ka esat atradis veidus, kā šo tekstu padarīt stilīgu, lai vēl atšķirtu to, kas ir saite no tā, kas ir vienkāršs teksts. Tas visbiežāk tiek darīts ar iepriekšminēto krāsu kontrastu, taču krāsa vien var radīt problēmas apmeklētājiem ar redzes traucējumiem, piemēram, krāsu aklumu. Atkarībā no to īpašās krāsu akluma formas kontrasts var būt pilnīgi zaudēts tiem, liedzot tiem redzēt atšķirību starp saistīto un nesaistīto tekstu. Tādēļ pasvītrotā teksta joprojām tiek uzskatīts par labāko veidu, kā parādīt saites.

Tātad, kā jūs izslēdzat pasvītrojumu, ja vēl vēlaties to izdarīt? Tā kā šī ir vizuālas īpašības, par kurām mēs esam saistīti, mēs vērsīsies pie mūsu vietnes daļas, kas apstrādā visu vizuālo - CSS.

Izmantojiet kaskādes stila lapas, lai izslēgtu saites

Vairumā gadījumu jūs nevēlaties pārvērst pasvītrojumu tikai vienā teksta saitē. Tā vietā, ņemot vērā jūsu dizaina stilu, jums vajadzētu noņemt visas saites no zemāk esošajām atzīmēm. Tas būtu jādara, pievienojot stilus savai ārējai stila lapai.

{teksta apdare: nav; }

Tieši tā! Šī viena vienkāršā CSS rindiņa izslēgs pasvītrojumu (kas faktiski izmanto CSS īpašību teksta apdarei) visās saitēs.

Jūs varētu arī iegūt konkrētāku informāciju par šo stilu. Piemēram, ja jūs vēlaties tikai izslēgt pasvītrojumu vai saites elementu "nav", varat rakstīt:

nav a (teksta apdare: nav; }

Tagad lapās esošās teksta saites noklusējuma atzīmi saņems, bet tās netiks noņemtas.

Viena lieta, ko daudzi tīmekļa izstrādātāji izvēlas izdarīt, ir pārvērst saiti atpakaļ ", kad kāds novieto virs teksta. Tas tiks darīts, izmantojot: hover CSS pseidoklasi, piemēram:

{teksta apdare: nav; } a: hover {text-decoration: underline; }

Inline CSS izmantošana

Kā alternatīvu izmaiņām ārējā stilu tabulā jūs varat arī pievienot stilus tieši HTML elementam, piemēram, šādi:

šī saite nav uzsvērta

Problēma ar šo metodi ir tāda, ka tajā tiek ievietota stila informācija jūsu HTML struktūrā, kas nav labākā prakse. Stils (CSS) un struktūra (HTML) ir jāsaglabā atsevišķi.

Ja jūs vēlaties, lai visas vietnes teksta saites tiek izceltas ar pasvītrojumu, pievienojot šo stila informāciju katrai saitei atsevišķi, tas nozīmētu, ka jūsu vietnes kodam tiek pievienota taisnīga papildu iezīme. Šī lappuses uzpūsšanās var palēnināt vietnes ielādes laiku un padarīt kopējo lapas pārvaldību daudz grūtāku. Šo iemeslu dēļ ir ieteicams vienmēr pievērsties ārējai stila lapai visām lapu veidošanas vajadzībām.

Slēgšanas laikā

Tikpat viegli, kā novērst pasvītrojumu no tīmekļa lapas teksta saitēm, jums vajadzētu arī apdomāt šādas sekas. Kaut arī tas patiešām var iztīrīt lapas izskatu, tas to var izdarīt uz kopējas izmantojamības rēķina. Ņem to vērā nākamreiz, kad apsverat mainīt lapas teksta apdares rekvizītus.

Jennifera Krīnina oriģinālais raksts. Rediģēja 19/19/16 Jeremy Girard