Semantyka - Opisanie strony w odpowiedni sposob, np naglowki ida do h1,h2 itd.
Skladnia (ang. syntax) - kazdy div, h1 itd nalezy zamknac. W HTML jest to nieco powiazane wiec podam przyklad z javaScriptu
console.log ("Ziemniak");
jest poprawne skladniowo.Natomiast:
console-log [ /Ziemniak/ ] '
Absolutnie nie jest.
Bledy semantyczne sprawia ze Twoja strona bedzie slabo indexowana.
Bledy skladniowe sprawiaja ze program sie nie skompiluje/wyrzuci bledy lub/i ostrzezenia/strona sie rozpadnie wizualnie.
HTML ma tendencje do wybaczania bledow skladniowych i robi co moze, aby i tak wygenerowac strone, ale widok bedzie to potworny, ze o pracy z CSS nie wspomne.
Porada ode mnie. Semantyka i skladnia brzmia podobnie ale zacznij sb mowic np syntax i od razu sie wyklaruje roznica. O ile wiem (nie ufaj tylko mi, sprawdz gdzie indziej, jezeli sie myle prosze mnie poprawic) semantyka tyczy sie jedynie html i xml i jezykow opisowych.
Edit:
Po zastanowieniu sie wymyslilem przyklad dobrej i zlej semantyki i skladni tez w HTML
Dobra semantyka:
<section>
<h1>Ziemniak</h1>
<article>
<h2>Ziemniak vol2</h2>
<p>Ziemniaklipsum</p>
</article>
</section>
==============================
Zla semantyka:
<section>
<div>
Ziemniaklipsum
</div>
</section>
(unikaj divow, nie maja znaczenia semantycznego)
Jak widac, brak znacznika <p>, brak naglowkow, no koszmar
======================
Dobra skladnia (syntax) w HTML
<section>
<h1>Ziemniak</h1>
<article>
<h2>Ziemniak vol2</h2>
<p>Ziemniaklipsum</p>
</article>
</section>
======================
Zla skladnia (syntax) w HTML:
<section>
Ziemniak</h1>
<article>
<h2>Ziemniak vol2
Ziemniaklipsum</p>
</section>
</article>
Jak widzisz section i article sa wymieszane, h2 nie zamkniete, h1 i p nie otwarte, ponownie koszmar.
Mam nadzieje ze ta mini Biblia pomogla ;)