Siihen asti kun HTML5 julkaistiin, tunniste on vaatinut sellaisen määritteen: href. Mutta HTML5 tekee siitäkin valinnaisen. Kun kirjoitat tunnistetta ilman attribuutteja, sitä kutsutaan paikkamerkkilinkiksi.
Paikkamerkki-linkki näyttää tältä:
Edellinen
Paikkamerkkilinkkien käyttö kehityksen aikana
Lähes jokainen verkkosuunnittelija on luonut paikkamerkkilinkkejä kerrallaan verkkosivuston suunnittelu ja rakentaminen. Ennen HTML5: ää ohjelmoija kirjoitti seuraavat paikkamerkkeinä:
linkkiteksti
Ongelma a Hashtag (#) paikkamerkki-linkkinä on, että linkkiä voidaan napsauttaa, mikä voi aiheuttaa sekaannusta asiakkaillesi. Ja jos kehittäjä unohtaa päivittää ne oikeilla URL-osoitteilla, linkit näyttävät yksinkertaisesti saman sivun, jolla käyttäjä on, jos napsautetaan.
Sen sijaan sinun tulisi alkaa käyttää tunnisteita ilman määritteitä. Voit muotoilla nämä näyttämään muilta sivusi linkeiltä, mutta niitä ei voi napsauttaa, koska ne ovat vain paikkamerkkejä.
Paikkamerkki-linkkien käyttäminen Live-sivustoissa
Paikkamerkkilinkeillä on paikka web-suunnittelussa muutakin kuin vain kehitystä. Yksi paikka, johon paikkamerkkilinkki voi loistaa, on navigointielementeissä. Monissa tapauksissa verkkosivuston navigointiluetteloilla on jokin tapa osoittaa, millä sivulla olet. Näitä kutsutaan usein "olet täällä" -indikaattoreiksi.
Useimmat sivustot luottavat id-määritteet elementissä, joka tarvitsee “olet täällä” -merkinnän, mutta jotkut käyttävät myös luokan määritettä. Riippumatta siitä, mitä attribuuttia käytät, sinun on kuitenkin tehtävä paljon ylimääräistä työtä jokaiselle sivulle, jolla on navigointi, lisäämällä ja poistamalla attribuutti oikeista elementeistä.
Paikkamerkkilinkin avulla voit kirjoittaa navigoinnin haluamallasi tavalla ja poistaa sitten href-määritteen sopivasta linkistä, kun lisäät navigoinnin sivulle. Kehittämistä varten on nopea apuväline tallentaa koko navigointiluettelo koodinpätkänä editoriin, joten se on vain nopea kopiointi. Voit sitten yksinkertaisesti poistaa hrefin. Voit myös saada sisällönhallintajärjestelmän (CMS) tekemään saman.
Paikkamerkkilinkkien muotoilu
Paikkamerkkilinkit on helppo muotoilla ja muotoilla eri tavalla kuin muut verkkosivusi linkit. Varmista, että muotoilet sekä tagin että a: linkin tagin. Esimerkiksi:
a {
väri punainen;
fontin paino: lihavoitu;
tekstikoristelu: ei mitään;
}
linkki {
väri: sininen;
fontin paino: normaali;
tekstikoristelu: alleviivaus;
}
Tämä CSS tekee paikkamerkkien linkit lihavoiduiksi ja punaisiksi ilman alleviivaa. Säännölliset linkit ovat normaalipainoisia, sinisiä ja alleviivattuja.
Muista nollata kaikki tyylejä et halua, että sinut siirretään tunnisteesta. Esimerkiksi fontin paino on asetettu lihavoituna paikkamerkki-linkeille, joten vakiolinkeissä sinun on määritettävä se:
fontin paino: normaali;
Sama pätee tekstikoristelu. Poistamalla sen valitsimella se olisi poistettu a: link-valitsimelle, jos emme laittaisi sitä takaisin.