Kas ir HTML5 vietturu saites?
IDUp līdz HTML5, tagam ir nepieciešams viens atribūts: href. Bet HTML5 padara pat šo atribūtu neobligātu. Ja rakstāt tagu bez jebkādiem atribūtiem, to sauc par vietturķeli.
Vietu saites saite izskatās šādi:
IepriekšējāIzmantojot vietņu saites izstrādes laikā
Gandrīz katrs tīmekļa dizaineris ir izveidojis vietņu saites vienā vai citā laikā, izstrādājot un izveidojot vietni. Pirms HTML5 mēs rakstījām:
saites tekstskā vietņu turētājs. Un es nosūtīju mockup vietnes klientiem ar šiem vietturiem tikai, lai klients jautā man, "kāpēc nav teksta saites?"
Problēma, izmantojot hashtag (#) kā vietturi, ir saistīta ar to, ka saite ir noklikšķināma, un tas var radīt neskaidrības jūsu klientiem. Un, ja kāds aizmirsīs tos atjaunināt ar pareizajiem URL, šīs saites var tikt sabojātas tiešajā vietnē, jo tie nav saistīti ar neko.
Tā vietā jums vajadzētu sākt izmantot tagus bez atribūtiem. Jūs varat veidot tos, lai jūsu lapa izskatās kā jebkura cita saite, taču tās netiks noklikšķināt, jo tās ir tikai aizstājējvielas.
Izmantojot vietņu saites Live vietnēs
Bet vietņu saites vietne web dizains ir vairāk nekā tikai attīstība. Viena vieta, kur vietņu saite var spīdēt, atrodas navigācijā. Daudzos gadījumos vietņu navigācijas sarakstos ir kāds veids, kā norādīt, kurā lapā jūs atrodaties. Tos bieži sauc par "jūs esat šeit" indikatori.
Lielākā daļa vietņu paļaujas uz elementa id atribūtām, kurām nepieciešams marķieris "jūs esat šeit", taču daži izmanto arī klases atribūtu. Tomēr, lai arī kāds atribūts jūs izmantojat, jums ir jādara vairākas darbības uz katru lapu, kurai ir navigācija, pievienojot un noņemot pareizos elementus.
Izmantojot vietturētāja saiti, jūs varat rakstīt savu navigāciju, taču vēlaties, un pēc tam vienkārši pievienojiet lapai navigāciju attiecīgajā saitē, vienkārši noņemiet href atribūtu. Manā redaktorā visu manu navigācijas sarakstu saglabāju kā fragmentu, tādēļ tā ir vienkārši ātra kopēšana un pēc tam izdzēšana no href. Jūs varat arī iegūt savu CMS darīt to pašu.
Un papildus tam, pievienojot īpašu stilu (es parādīšu jums, kā tālāk), vietņu saites saiti nevar noklikšķināt. Tādēļ klienti nesajaucas domāt, ka viņi varētu iegūt kaut ko citu, ja viņi noklikšķina uz navigācijas saites, kurā tie pašlaik atrodas.
Styling Placeholder saites
Vietrāža saites ir viegli stilā un stilā savādāk nekā citas vietnes saites. Vienkārši pārliecinieties, vai esat izveidojis gan tagu, gan saiti tagu. Piemēram:
a {krāsa: sarkana; fonta svars: treknrakstā; teksta apdare: nav; } a: saite {color: blue; fonta svars: normāls; teksta apdare: pasvītrojums; }Šis CSS padarīs vietņu turētāju saites treknu un sarkanu, bez pasvītrojuma. Kamēr regulārās saites būs normāla svara, zilas un pasvītrotas.
Neaizmirstiet atiestatīt visus stilus, kurus nevēlaties pārnest no taga. Piemēram, es noteicu šriftu svaru treknrakstā vietturu saitēm, tāpēc man bija jānosaka:
fonta svars: normāls;par standarta saitēm. Tas pats attiecas arī uz teksta apdari, to noņemot ar selektoru, tas būtu noņemts a: saites atlasītājam, ja to vēl nenokautu.