E Beginner Guide zu HTML5 Placeholder Links

Wat sinn HTML5 Placeholder Links Fir?

idUp bis HTML5 huet de e Tag e puer Attribut: href. Awer HTML5 mécht och dat Attribut fakultativ. Wann Dir de Zousaatz ouni Attributë schreift, gëtt et als Plazhaler-Link bezeechent.

En Placier Link:

Enn ......

Ëmsetzen vun Plazhaler Links während der Entwécklung

Nokuckt all Webdesigner huet Plazholder Links op ee puer oder e puer Plaze geschaf a beim Design a beim Bau vun enger Websäit. Virun HTML5 wäerte mir schreiwen:

Linktext

als Plazhalter. An ech hunn Mockup-Sites fir Clienten mat deenen Plazhaler geschéckt geschéckt fir de Client ze meeschteren "firwat net d'Links am Text funktionnéieren?"

De Problem mam Benotze vun engem Hashtag (#) als Plazhaler-Link ass datt de Link klickbar ass, an dëst kann Verwirrung fir Är Clienten verursaachen. A wann et jemools vergiesst, se mat den korrekten URLen ze aktualiséieren, kënnen dës Links op der Live Site gebrach ginn, well se net mat irgendële verlinkt sinn.

Stellt Iech un eng Tags ouni all Attributiounen ze starten. Dir kënnt dës Formen an all anere Link op dëser Säit kucken, awer se ginn net klickbar well se just Plazhaler sinn.

Benotzt Placeholder Links op Live Sites

Mee Plazhaler Links eng Plaz am Webdesign fir méi wéi just Entwécklung. Eng Plaz déi eng Plazhalterverbindung glécklech ass an der Navigatioun. A ville Fäll fannt Dir Websäit Navigatiounslëschte e Wee fir ze weisen op wéi eng Säit Dir sidd. Dës ginn oft "Du bass hei" Indikatoren genannt.

Déi meescht Siten vertrauen op Id Attributer op dem Element, deen den "Du bass hei" Marker braucht, awer e puer benotzen d'Klassattribute. Allerdéngs, wat Dir benotzt hutt, brauch Dir e ganze Koup Aarbecht un all Säit mat der Navigatioun um Site ze maachen, andeems Dir d'Attribut vun den korrekten Elementer ergänzt.

Mat engem Plazhaler-Link, kënnt Dir Är Navigation ufänken awer Dir wëllt, a gitt einfach den Href Attribut vun der entspriechende Link wann Dir d'Navigatioun mat enger Säit ergänzt. Ech gesin meng komplett Navigatiouns-Lëscht als Snippet am méngem Redaktor, also ass et nëmme séier en Copy-Paste an dann href. Dir kënnt och Är CMS fir déi selwecht Saach maachen.

An ausser e weideren spezielle Styling (ech weisen Iech wéi ënnert) op eng Plazhaltererlink, ass de Link net klickbar. Also Kënnen net verwirrt sinn datt se eppes aneres kréien wann se op d'Navigatiounslinn klickt wann se aktuell sinn.

Styling Plazhalder Links

Placeholder Linker si einfach an der style an ënnerschiddlech vun den anere Linken op Är Websäit ze stierwen. Gitt einfach sécher, datt de sougenannte e Tag an den a: Link Tag. Zum Beispill:

a {Faarf: rout; Schrëftgréisst: fett; Text-Dekor: Keen; } a: Link {color: blue; Schrëftgréisst: normal; Text-Dekor: Ënnerstëtzung; }}

Dëse CSS wäert Plazhaler fëllen a rout sinn, ouni Ënnerstëtzung. Iwwerdeems regelméisseg Links vum normalen Gewiicht, blo an ënnersträicht.

Vergiesst net all Formen zréckzefannen déi Dir net wëllt aus dem e gudde Begrëff ginn. Zum Beispill hunn ech de Schrëftgewicht festgeluegt fir d'Platzhalter Links fett ze maachen, also musst ech et feststellen:

Schrëftgréisst: normal;

fir déi normale Linken. Dat selwecht gëllt fir d'Textdekoratioun, andeems se et mat dem Wähler erofgeholl huet, et wier ewechgeholl ginn fir den: Link selector, wann ech et net zeréck hunn.