Līdz HTML5 tika izlaists, tagam tāda ir nepieciešama atribūts: href. Bet HTML5 pat šo atribūtu padara neobligātu. Rakstot tagu bez jebkādiem atribūtiem, to sauc par viettura saiti.
Vietnieku saite izskatās šādi:
Iepriekšējais
Vietnieku saites izmantošana izstrādes laikā
Gandrīz katrs tīmekļa dizainers vienā vai otrā laikā ir izveidojis viettura saites tīmekļa vietnes projektēšana un veidošana. Pirms HTML5 programmētājs kā vietturis uzrakstīs:
saites teksts
Problēma ar a hashtag (#) kā viettura saite ir tā, ka uz saites var noklikšķināt, un tas var radīt neskaidrības jūsu klientiem. Un, ja izstrādātājs aizmirst tos atjaunināt ar pareizajiem vietrāžiem URL, šajās saitēs vienkārši tiks parādīta tā pati lapa, kurā atrodas lietotājs, ja uz tās noklikšķinās.
Tā vietā jums vajadzētu sākt lietot tagus bez jebkādiem atribūtiem. Varat veidot tos tā, lai tie būtu līdzīgi jebkurai citai saitei jūsu lapā, taču uz tiem nevar noklikšķināt, jo tie ir tikai vietturi.
Vietnieku saites izmantošana vietnēs Live
Vietnieku saitēm Web dizainā ir vieta ne tikai attīstību. Viena vieta, kuru viettura saite var atspīdēt, ir navigācijas elementos. Daudzos gadījumos vietņu navigācijas sarakstos ir zināms veids, kā norādīt, kurā lapā atrodaties. Tos bieži sauc par “tu esi šeit” rādītājiem.
Lielākā daļa vietņu paļaujas id atribūti elementam, kuram nepieciešams marķieris “tu esi šeit”, bet daži izmanto arī klases atribūtu. Tomēr neatkarīgi no izmantotā atribūta jums ir jāpaveic daudz papildu darbu katrai lapai, kurā atrodas navigācija, pievienojot un noņemot atribūtu no pareizajiem elementiem.
Izmantojot viettura saiti, varat rakstīt navigāciju, kā vēlaties, un pēc tam vienkārši noņemt atribūtu href no attiecīgās saites, kad lapai pievienojat navigāciju. Izstrādes nolūkos ātrs padoms ir visa navigācijas saraksta saglabāšana redaktorā kā koda fragments, tāpēc tā ir tikai ātra kopēšana. Pēc tam jūs varat vienkārši izdzēst href. Jūs varat arī likt savai satura pārvaldības sistēmai (CMS) darīt to pašu.
Vietnieku saites veidošana
Vietnieku saites ir viegli veidojamas un veidojamas atšķirīgi no citām saitēm jūsu tīmekļa lapā. Vienkārši pārliecinieties, ka veidojat gan tagu, gan a: saites tagu. Piemēram:
a {
krāsa: sarkana;
fonta svars: treknrakstā;
teksta noformēšana: nav;
}
a: saite {
krāsa: zila;
fonta svars: normāls;
teksta apdare: pasvītrojums;
}
Šis CSS padarīs viettura saites treknrakstā un sarkanā krāsā bez pasvītrojuma. Regulāras saites būs normāla svara, zilas un pasvītrotas.
Atcerieties atiestatīt jebkuru stili jūs nevēlaties, lai jūs pārnestu no taga. Piemēram, viettura saitēm fonta svars ir iestatīts kā treknrakstā, tāpēc standarta saitēm tas ir jāiestata uz:
fonta svars: normāls;
Tas pats ir ar teksta noformēšana. Noņemot to ar selektoru, tas būtu noņemts selektora a: saitei, ja mēs to neliktu atpakaļ.