Ainutlaatuiset tunnisteet Web-sivuilla
W3C: n mukaan ID-attribuutti HTML: ssä on:
elementille yksilöllinen tunniste
Tämä on hyvin yksinkertainen kuvaus hyvin voimakkaasta ominaisuudesta. ID-attribuutti voi suorittaa useita toimintoja web-sivuille:
- Tyylilevynvalitsin - tämä on se funktio, jonka useimmat ihmiset käyttävät ID-määritettä. Koska ne ovat ainutlaatuisia, voit olla varma, että suunnittelet vain yhden kohteen verkkosivustossasi, kun tyylit ID-ominaisuuden avulla. Haittatekijä ID: n käyttämiseksi styling-tarkoituksiin on se, että sillä on erittäin korkeatasoinen spesifisyys, joka voi tehdä siitä erittäin haastavan, jos haluat jotain tyylistä ohittaa myöhemmin tyyliluettelossa. Tämän vuoksi nykyiset Web-käytännöt pyrkivät käyttämään luokkia ja luokkavaihtoehtoja ID: n ja ID-valitsimien sijasta yleisiin muotoiluihin.
- Nimettyjen ankkureiden yhdistäminen - Web-selaimilla voit kohdistaa täsmälliset sijainnit Web-dokumentteihisi osoittamalla ID-osoitteen URL-osoitteen lopussa. Lisäät vain id sivun URL-osoitteen loppuun, jota edeltää punta-merkki (#). Voit myös linkittää nämä ankkurit itse sivulle lisäämällä a-elementin href-attribuutin pound-sign (#) ja ID-nimen. Jos esimerkiksi sinulla on jakaminen, jolla on yhteyshenkilön tunnus , voit liittää sen siihen sivuun seuraavasti:
Tämä on linkkiteksti - Viittaus skripteihin - Jos kirjoitat kaikki Javascript-toiminnot, haluat käyttää ID-määritettä, jotta voit tehdä muutoksia sivun tarkkaan elementtiin skriptiesi kanssa.
- Muu käsittely - Id avulla voit käsitellä Web-asiakirjoja millä tavalla tahansa. Voit esimerkiksi poistaa HTML-tiedoston tietokannasta, ja ID-määrite tunnistaa kentät.
ID-ominaisuuden käyttämistä koskevat säännöt
Sinun on noudatettava muutamia sääntöjä, jotta sinulla on voimassa oleva asiakirja, joka käyttää id attribuuttia missä tahansa asiakirjassa:
- Tunnuksen on aloitettava kirjaimella (az tai AZ)
- Kaikki seuraavat merkit voivat olla kirjaimia, numeroita (0-9), väliviivoja (-), alaviivoja (_), kaksoispisteitä (:) ja jaksoja (.).
- Jokaisen tunnuksen on oltava yksilöllinen asiakirjassa. Miksi?
ID-ominaisuuden käyttäminen
Kun olet tunnistanut Web-sivuston ainutlaatuisen elementin, voit käyttää tyylisivuja vain yhden elementin tyyliin.
Ota meihin yhteyttä
Tässä on jotain tekstisisältöä
div # contact-section {tausta: # 0cf;}
-tai vain-
# contact-section {tausta: # 0cf;}
Joko näistä kahdesta valitsimesta toimisi. Ensimmäinen (div # contact-section) suunniteltiin divisioonilla, jolla on ID-attribuutti "contact-section". Toinen (# yhteystieto-osa) kohdistettaisiin edelleen elementtiin, jolla on tunnus "contact-section", se ei vain tiedä, että se, mitä se etsii, on jako. Muotoilun lopputulos olisi täsmälleen sama.
Voit myös linkittää kyseiseen elementtiin lisäämättä tunnisteita:
Linkki yhteystietoihin
Viittaa kyseiseen kappaleeseen skriptissasi "getElementById" JavaScript-menetelmällä:
document.getElementById ( "kontakti-osa")
ID-attribuutit ovat edelleen hyvin hyödyllisiä HTML: ssä, vaikka luokanvalitsimet ovat korvanneet ne yleisinä muotoilutarkoituksiin. Kyky käyttää ID-määritettä koukuksi tyyleille ja samalla käyttää niitä ankkureina komentojonojen linkkien tai kohteiden kannalta tarkoittaa, että niillä on vielä tärkeä paikka Web-suunnittelussa.
Toimittaja Jeremy Girard