HTMLtunnisteen

HTML-tunniste on HTML-dokumentin perusyksikkö, jolla määritellään sivun rakenne. Tunniste koostuu avaustunnisteesta ja mahdollisesti sulkeutuvasta tunnisteesta sekä niiden väliin sijoitetusta sisällöstä. Osa tunnisteista on tyhjiä eli niillä ei ole sisältöä eikä erillistä sulkeutuvaa tunnistetta (void-elementit).

Syntaksi: avaustunniste merkitään muotoon <tagname ...>, ja jos tunnisteelle on sulkeutuva vastine, se näkyy muodossa <tagname> ... </tagname>. Osa tunnisteista on tyhjiä eli niillä ei ole sisällön osaa eikä erillistä </tagname>-paria, kuten <br>, <hr>, <img>, <input>.

Esimerkkejä: <p>Teksti kappaleessa.</p> <a href="https://example.com" title="Esimerkki">Linkki</a> <img src="kuva.jpg" alt="Kuvateksti">. Pidä mielessä, että <img> on tyhjä elementti ja sen alt-teksti on tärkeä saavutettavuuden kannalta.

Semantikka ja käytäntö: HTML5 korostaa semanttista rakennetta. Elementit kuten header, nav, main, section, article, aside ja footer nimeävät sivun alueet ja helpottavat sekä saavutettavuutta että hakukoneoptimointia. Lisäksi sivulla on head-osio, jossa sijaitsevat metatiedot, kuten title- ja meta-elementit sekä linkit ja skriptit.

Yhteenveto: HTML-tunnisteet muodostavat verkkosivujen rakenteen pienimpiä rakennuspalikoita. Ne voivat olla sisältöä, tyhjiä tai semanttista nimeämistä hyödyntäviä, ja niiden oikea käyttö vaikuttaa sivun toimivuuteen, saavutettavuuteen ja tulkintaan.