Kunnes HTML5 julkaistiin, tunniste on edellyttänyt yhtä attribuuttia: href. Mutta HTML5 tekee siitä riippumattoman ominaisuuden. Kun kirjoitat tunnisteen ilman attribuutteja, sitä kutsutaan paikkamerkkitunnukseksi.
Paikkamerkkiliitäntä näyttää tältä:
Paikkamerkkien linkkien käyttäminen kehityksen aikana
Lähes jokainen web-suunnittelija on luonut paikkamerkkiyhteyksiä kerralla tai toisella samalla, kun suunnittelet ja rakennat verkkosivuja. Ennen HTML5: ta ohjelmoija kirjoitti seuraavan paikanvaraajaksi:
linkin teksti
Ongelma hashtagin (#) käyttämisessä paikkamerkkisuojana on, että linkkiä voidaan napsauttaa ja tämä voi aiheuttaa sekaannusta asiakkaillesi. Jos kehittäjä unohtaa päivittää ne oikeilla URL-osoitteilla, kyseiset linkit näyttävät yksinkertaisesti saman sivun, johon käyttäjä on päällä, jos napsautettu.
Sen sijaan sinun tulisi aloittaa tunnisteiden käyttäminen ilman attribuutteja. Voit muotoilla ne näyttämään miltä tahansa muulta sivulta, mutta niitä ei voi napsauttaa, koska ne ovat vain paikkamerkkejä.
Paikkamerkkiyhteyden käyttäminen Live-sivustoissa
Paikkamerkkiyhteyksillä on paikka web-suunnittelussa enemmän kuin pelkkää kehitystä. Yksi paikka, jonka paikkamerkkiyhteys voi loistaa, on navigointielementeissä. Monissa tapauksissa verkkosivustojen navigointi-luettelot ovat jossain määrin osoitus siitä, miltä sivulta olet. Näitä kutsutaan usein "olet täällä" -indikaattoreilla.
Useimmat sivustot luottavat id attribuutteihin elementin, joka tarvitsee "olet täällä" merkin, mutta jotkut käyttävät myös luokan ominaisuutta. Kuitenkin mitä tahansa attribuuttia käytät, sinun on tehtävä paljon ylimääräistä työtä jokaiselle sivulle, jolla on navigointi, lisäämällä ja poistamalla attribuutti oikeista elementeistä.
Paikkamerkkiliitännän avulla voit kirjoittaa haluamasi navigoinnin ja poistaa sitten href-attribuutin asianmukaisesta linkistä, kun lisäät navigoinnin sivulle. Kehittämiseen on nopea vinkki, jonka avulla voit tallentaa koko navigointiluettelon koodinpätkäksi editorissa, joten se on vain nopea kopiointileima. Voit sitten poistaa hrefin. Voit myös saada sisällönhallintajärjestelmän (CMS) tekemään samoin.
Styling Placeholder Linkit
Paikkamerkkien linkit ovat helposti tyylikkäitä ja tyyliä eri tavoin kuin muut verkkosivustosi linkit. Varmista, että tyylit sekä a-tag että a: linkitunniste. Esimerkiksi:
a {väri: punainen; font-weight: bold; teksti-decoration: none; } a: linkki {väri: sininen; font-paino: normaali; teksti-decoration: underline; }
Tämä CSS tekee paikkamerkkien linkit rohkeiksi ja punaisiksi, ilman alleviivausta. Säännölliset linkit ovat normaalipainoisia, sinisiä ja alleviivattuja.
Muista palauttaa kaikki tyylit, joita et halua siirtää a-tagista. Esimerkiksi fontin paino on asetettu rohkeaksi paikkamerkkien linkit, joten sinun täytyy asettaa se:
font-paino: normaali;
vakiolinkkejä varten. Sama pätee tekstin koristeluun. Poistamalla se valitsimella, se olisi poistettu a: linkin valitsimelle, jos en palauta sitä.
