Pagal numatytuosius nustatymus teksto turinys yra susieta su HTML elemento arba „inkaro“ naudojimas yra pažymėtas pabraukimu. Dažnai interneto dizaineriai nusprendžia pašalinti šį numatytąjį stilių pašalindami pabraukimą.
Priežastys ir prieš pabraukimą
Daugeliui dizainerių nerūpi pabraukto teksto išvaizda, ypač tankiuose turinio blokuose, kuriuose yra daug nuorodų. Visi šie pabraukti žodžiai gali iš tikrųjų sugadinti dokumento skaitymo eigą. Daugelis teigė, kad dėl šių pabraukimų žodžius sunkiau atskirti ir greitai perskaityti dėl to, kad pabraukimas keičia natūralias raidžių formas.
Tačiau yra teisėtų pranašumų, jei šiuos pabraukimus išsaugosite tekstinėse nuorodose. Pvz., Kai naršote dideliuose teksto blokuose, pabrauktos nuorodos kartu su tinkamu spalvų kontrastu leidžia skaitytojams lengvai iškart nuskaityti puslapį ir pamatyti, kur yra nuorodos.
Jei nuspręsite pašalinti nuorodas iš teksto (paprastas procesas, kurį netrukus apimsime), būtinai raskite būdų, kaip stilizuoti tą tekstą, kad vis tiek būtų galima atskirti nuorodą nuo paprasto teksto. Tai dažniausiai daroma su
spalvų kontrastas, tačiau vien spalva gali sukelti problemų lankytojams, turintiems regėjimo sutrikimų, pavyzdžiui, daltonizmą. Priklausomai nuo jų tam tikros spalvos aklumo formos, kontrastas gali būti visiškai prarastas, neleidžiant jiems pamatyti skirtumo tarp susieto ir nesusieto teksto. Štai kodėl pabrauktas tekstas vis dar laikomas geriausiu būdu rodyti nuorodas.Taigi, kaip išjungti pabraukimą, jei vis tiek norite tai padaryti? Kadangi tai yra mums svarbi vizualinė charakteristika, mes pereisime prie mūsų svetainės dalies, kurioje tvarkomi visi vaizdiniai dalykai - CSS.
Norėdami išjungti nuorodų pabraukimus, naudokite pakopinius stiliaus lapus
Daugeliu atvejų jūs nenorite išjungti pabraukimo tik vienoje teksto nuorodoje. Vietoj jūsų dizaino stiliaus greičiausiai reikia pašalinti visų nuorodų pabraukimus. Tai padarytumėte pridedant stilių prie savo išorinis stiliaus lapas.
a {
teksto dekoravimas: nėra;
}
Viskas! Ta viena paprasta eilutė CSS išjungtų pabraukimą (kuris iš tikrųjų naudoja CSS ypatybę „teksto dekoravimui“) visose nuorodose.
Taip pat galėtumėte patikslinti šį stilių. Pavyzdžiui, jei norėtumėte išjungti tik pabraukimą ar nuorodas elemento „nav“ viduje, galite parašyti:
ne a {
teksto dekoravimas: nėra;
}
Dabar teksto nuorodoms puslapyje bus suteiktas numatytasis pabraukimas, tačiau tiems, kurie yra naršyklėje, jis bus pašalintas.
Vienas dalykas, kurį nusprendžia padaryti daugelis interneto dizainerių, yra nuorodą vėl „įjungti“, kai kas nors užveda pelės žymeklį virš teksto. Tai būtų daroma naudojant: užveskite pelės žymeklį CSS pseudoklasė, kaip šitas:
a {
teksto dekoravimas: nėra;
}
a: užveskite pelės žymeklį {
teksto dekoravimas: pabraukimas;
}
Naudojant „Inline CSS“
Išorinio stiliaus lapo pakeitimų alternatyva taip pat galite pridėti stilius tiesiai į patį elementą HTML.
Šio metodo problema yra ta, kad stiliaus informacija pateikiama jūsų HTML struktūroje, o tai nėra geriausia praktika. Stilius (CSS) ir struktūra (HTML) turėtų būti atskirti.
Jei norite, kad visos svetainės teksto nuorodos pašalintų pabraukimą, pridėkite šią stiliaus informaciją kiekviena nuoroda atskirai reikštų, kad prie jūsų svetainės būtų pridėta nemažai papildomo žymėjimo kodas. Šis puslapio išsipūtimas gali sulėtinti svetainės įkėlimo laiką ir padaryti bendrą puslapio valdymą daug sudėtingesnį. Dėl šių priežasčių pageidautina visada kreiptis į išorinį stiliaus lapą, atsižvelgiant į visus puslapio stiliaus poreikius.
„Uždaryme“
Kad ir kaip lengva pašalinti pabraukimą iš tinklalapio tekstinių nuorodų, turėtumėte atsižvelgti ir į to padarinius. Nors tai iš tikrųjų gali išvalyti puslapio išvaizdą, tai gali padaryti bendro naudojimo sąskaita. Atsižvelkite į tai kitą kartą, kai svarstysite galimybę pakeisti puslapio „teksto dekoravimo“ savybes.