§ Какво е Семантичен HTML и защо той е важен за нас и нашите потребители

Семантичен HTML е стил на написание на HTML код, който се фокусира върху представянето на съдържанието в уеб страницата по смисъл и логическо значение. В такъв стил на написание, HTML елементите се използват в съответствие с тяхната семантика, тоест с описание на значението им, а не само за оформяне на външния вид на уеб страницата.

Например, стандартно се използва <h1> елемента за заглавието на уеб страницата, <p> елемента за абзаците от текст и <ul> елемента за неномериран списък. В семантично HTML, елементите се използват в съответствие с техните семантични роли, за да се подобри четимостта и логиката на уеб страницата.

Пример за семантично HTML:

<h1>Welcome to my website</h1>
<p>Hi there, my name is John Doe and this is my personal website where I share my thoughts and ideas.</p>
<h2>My blog</h2>
<p>Here are my latest blog posts:</p>
<ul>
  <li><a href="article23.html">Happy New Year readers</a></li>
  <li><a href="article22.html">Merry Christmas</a></li>
</ul>