HTML-kieli sisältää useita elementtejä. Näitä ovat yleisesti käytetyt verkkosivuston komponentit kuten kappaleet, otsikot, linkit ja kuvat. HTML5: ssä esiteltiin myös useita uudempia elementtejä, mukaan lukien otsikko, navigointi, alatunniste ja paljon muuta. Kaikkia näitä HTML-elementtejä käytetään luomaan asiakirjan rakenne ja antamaan sille merkitys. Voit lisätä elementeille vielä enemmän merkitystä antamalla heille määritteet.
HTML-avaustunniste alkaa -merkillä. Esimerkiksi alkukappaleen tagi kirjoitettaisiin näin:
Määritteen lisääminen omaan HTML-tunniste, lisäät ensin välilyönnin tagin nimen jälkeen (tässä tapauksessa se on "p"). Sitten lisätään määritteen nimi, jota haluat käyttää, ja sen jälkeen yhtäläisyysmerkki. Lopuksi määritteen arvo sijoitettaisiin lainausmerkeihin. Esimerkiksi:
Tunnisteilla voi olla useita määritteitä. Erottaisit kukin määritteen muista välilyönnillä.
Tarvittavat määritteet sisältävät elementit
Jotkut HTML-elementit vaativat itse asiassa määritteitä, jos haluat niiden toimivan suunnitellusti. Kuva- ja linkki-elementti ovat kaksi esimerkkiä tästä.
kuvaelementti vaatii "src" -attribuutin. Tämä attribuutti kertoo selaimelle, mitä kuvaa haluat käyttää kyseisessä paikassa. Määritteen arvo olisi tiedoston polku kuvaan. Esimerkiksi:
Huomaat, että olemme lisänneet tähän elementtiin toisen määritteen, "alt" - tai vaihtoehtoisen tekstimääritteen. Tämä ei ole teknisesti vaadittava attribuutti kuville, mutta on suositeltavaa sisällyttää tämä sisältö aina esteettömyyden vuoksi. Alt-attribuutin arvossa lueteltu teksti näkyy, jos kuvan lataaminen epäonnistui jostakin syystä.
Toinen elementti, joka vaatii erityisiä määritteitä, on ankkuri- tai linkkitunniste. Tämän elementin on sisällettävä "href" -attribuutti, joka tarkoittaa "hypertekstiviittausta". Se on hieno tapa sanoa "missä tämän linkin pitäisi mennä. "Aivan kuten kuvaelementin on tiedettävä ladattava kuva, linkkitunnisteen on tiedettävä, mistä sen pitäisi. Linkkitunniste voi näyttää tältä:
Tämä linkki viisi nyt henkilön attribuutin arvossa määritetylle verkkosivustolle. Tässä tapauksessa se on Dotdashin pääsivu.
Attribuutit CSS-koukkuina
Toinen määritteiden käyttö on, kun niitä käytetään "koukkuina" CSS-tyylit. Koska verkkostandardit määräävät, että sivusi rakenne (HTML) on pidettävä erillään sen tyylistä (CSS), käytät näitä attribuuttikoukkuja CSS: ssä sanellaksesi, kuinka jäsennelty sivu näkyy verkossa selain. Esimerkiksi tämä merkintä voi olla HTML-dokumentissa.
Jos haluat, että jaossa on taustaväri musta (# 000) ja kirjasinkoko 1,5em, lisäät tämän CSS: ään:
.ominaisuudet {taustaväri: # 000; kirjasinkoko: 1.5em;}
"Featured" -ominaisuus toimii koukuna, jota käytämme CSS: ssä sovellettaessa tyylejä tälle alueelle. Voisimme myös käyttää ID-määritettä täällä, jos halusimme. Sekä luokat että tunnukset ovat yleisiä määritteitä, mikä tarkoittaa, että ne voidaan lisätä mihin tahansa elementtiin. Niihin voidaan myös kohdistaa tietyillä CSS-tyyleillä kyseisen elementin visuaalisen ulkonäön määrittämiseksi.
Mitä tulee Javascriptiin
Lopuksi, attribuuttien käyttäminen tietyissä HTML-elementeissä on myös jotain, jota voit käyttää Javascriptissa. Jos sinulla on komentosarja, joka etsii elementtiä, jolla on tietty ID-attribuutti, se on vielä yksi tämän HTML-kielen osan käyttö.