Semantiline HTML on veebiarenduses kasutatav lähenemisviis, mis hõlmab HTML-i elementide kasutamist nende tähenduse ja eesmärgi järgi, mitte ainult nende visuaalse esituse määratlemiseks. See tähendab, et iga HTML-i element peaks kirjeldama, millist tähendust või struktuuri selle sisu kannab. Semantilise HTML-i eesmärk on muuta veebilehed loetavamaks nii inimestele kui ka masinatele (nt otsingumootoritele ja ekraanilugejatele), parandada ligipääsetavust ja aidata arendajatel hoida koodi korras.
Siin on mõned näited semantilise HTML-i elementidest ja nende eesmärkidest:
<header>: Kasutatakse veebilehe või lehe ülaosa, pealkirja või logo märgistamiseks.
<nav>: Tähistab navigeerimismenüüd või navigeerimislinkide kogumit.
<main>: Tähistab veebilehe põhilist sisu, mis ei ole päis või jalus.
<article>: Kasutatakse iseseisvate artiklite või sisuühikute märgistamiseks, mis on üksteisest sõltumatud.
<section>: Tähistab lehe osi või jaotisi, mis võivad sisaldada mitut artiklit või alajaotisi.
<aside>: Tähistab lehe küljele paigutatud sisu, näiteks külgribas olevaid vidinaid või lisainformatsiooni.
<footer>: Kasutatakse lehe alumise jaluse, autoriandmete või kontaktandmete märgistamiseks.
Semantiline HTML aitab mitte ainult paremat struktureeritust ja ligipääsetavust, vaid aitab ka otsingumootoritel paremini mõista lehe sisu ja seostada seda konkreetsete teemadega. See muudab veebisaitide indekseerimise ja parema nähtavuse otsingutulemustes lihtsamaks. Lisaks aitab semantiline HTML kaasa selgema ja korduskasutatava koodi kirjutamisele.
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Semantiline HTML