Pēc noklusējuma teksta saturs ir saistīts ar HTML izmantojot elementu vai "enkurs", tiek veidots ar pasvītrojumu. Bieži vien tīmekļa dizaineri izvēlas noņemt šo noklusējuma stilu, noņemot pasvītrojumu.
Iemesli pasvītrojumam un pret to
Daudzi dizaineri neuztrauc pasvītrota teksta izskatu, īpaši blīvos satura blokos ar daudzām saitēm. Visi šie pasvītrotie vārdi patiešām var izjaukt dokumenta lasīšanas plūsmu. Daudzi ir apgalvojuši, ka šie pasvītrojumi faktiski padara vārdus grūtāk atšķiramus un ātri lasāmus, jo pasvītrojums maina dabiskās burtu formas.
Tomēr šo pasvītrojumu saglabāšana teksta saitēs dod likumīgas priekšrocības. Piemēram, pārlūkojot lielus teksta blokus, pasvītrotās saites kopā ar pareizu krāsu kontrastu ļauj lasītājiem viegli uzreiz skenēt lapu un redzēt, kur atrodas saites.
Ja jūs nolemjat noņemt saites no teksta (vienkāršs process, kuru mēs drīz aplūkosim), noteikti atrodiet veidus, kā šo tekstu veidot, lai atšķirtu saiti no vienkāršā teksta. Tas visbiežāk tiek darīts ar
krāsu kontrasts, bet tikai krāsa var radīt problēmas apmeklētājiem ar redzes traucējumiem, piemēram, krāsu aklumu. Atkarībā no krāsu akluma īpašā veida kontrasts viņiem var tikt pilnībā zaudēts, neļaujot viņiem saskatīt atšķirību starp saistīto un nesaistīto tekstu. Tāpēc pasvītrotais teksts joprojām tiek uzskatīts par labāko veidu, kā parādīt saites.Tātad, kā izslēgt pasvītrojumu, ja joprojām vēlaties to darīt? Tā kā šī ir vizuālā īpašība, kas mums ir svarīga, mēs pievērsīsimies mūsu vietnes vietnei, kurā tiek apstrādātas visas vizuālās lietas - CSS.
Izmantojiet kaskādes stila lapas, lai izslēgtu saites pasvītrojumus
Vairumā gadījumu jūs nevēlaties izslēgt pasvītrojumu tikai vienā teksta saitē. Tā vietā jūsu dizaina stils, iespējams, prasa noņemt pasvītrojumus no visām saitēm. Jūs to izdarītu, pievienojot stilus savam ārējā stila lapa.
a {
teksta noformēšana: nav;
}
Tieši tā! Šī viena vienkāršā līnija CSS izslēgtu pasvītrojumu (kas faktiski izmanto CSS rekvizītu "teksta noformēšanai") uz visām saitēm.
Jūs varētu arī precizēt šo stilu. Piemēram, ja vēlaties izslēgt tikai pasvītru vai saites elementa "nav" iekšpusē, varat rakstīt:
nav a {
teksta noformēšana: nav;
}
Tagad teksta saites lapā iegūtu noklusējuma pasvītrojumu, bet tiem, kas atrodas navigācijā, tas tiktu noņemts.
Viena lieta, ko daudzi tīmekļa dizaineri izvēlas darīt, ir pagriezt saiti atpakaļ "ieslēgtā", kad kāds pārceļ virs teksta. Tas tiktu darīts, izmantojot: virziet kursoru CSS pseidoklase, kā šis:
a {
teksta noformēšana: nav;
}
a: virziet kursoru {
teksta apdare: pasvītrojums;
}
Izmantojot Inline CSS
Kā alternatīvu izmaiņu veikšanai ārējā stila lapā jūs varat arī pievienot stilus tieši pašam elementam HTML.
Šīs metodes problēma ir tā, ka tā ievieto stila informāciju jūsu HTML struktūrā, kas nav labākā prakse. Stils (CSS) un struktūra (HTML) jātur atsevišķi.
Ja vēlaties, lai visās vietnes teksta saitēs tiktu noņemts pasvītrojums, pievienojot šo stila informāciju katra saite individuāli nozīmētu, ka jūsu vietnes vietnei tiek pievienots pietiekami daudz papildu marķējumu kods. Šī lapas uzpūšanās var palēnināt vietnes ielādes laiku un padarīt lapu pārvaldību daudz grūtāku. Šo iemeslu dēļ ir ieteicams vienmēr pievērsties ārējai stila lapai visām lapu stila vajadzībām.
Slēgumā
Lai cik vienkārši būtu noņemt pasvītrojumu no tīmekļa lapas teksta saitēm, jums ir jāņem vērā arī šādas darbības sekas. Lai gan tas patiešām var attīrīt lapas izskatu, tas var notikt uz vispārējās lietojamības rēķina. Ņemiet to vērā nākamreiz, kad apsverat iespēju mainīt lapas "teksta apdares" īpašības.