HTML

Какво означава съкращението

• HyperText — текст с връзки към други страници. Връзките са това, което превръща отделните страници в мрежа.
• Markup — маркиране. Съдържанието се огражда с тагове, които казват какво е то: заглавие, абзац, снимка.
• Language — език с правила, които всеки браузър чете еднакво.

Езикът е създаден от Тим Бърнърс-Лий в началото на 90-те години. Днешната версия се нарича HTML5 и добавя видео, аудио и елементи за смисъла на частите на страницата.

Основни тагове

• <h1> до <h6> — заглавия по нива; на страницата има едно главно заглавие <h1>;
• <p> — абзац;
• <a> — връзка;
• <img> — снимка, с текстово описание в атрибута alt;
• <ul>, <ol>, <li> — списъци;
• <form>, <input>, <button> — формуляр;
• <header>, <nav>, <main>, <footer> — частите на страницата.

Пример

Два сайта изглеждат еднакво. В първия заглавието на услугата е маркирано като заглавие <h1>, менюто като навигация, а снимките имат описание. Във втория всичко е обикновени блокове, оформени да изглеждат като заглавия. Човек с очи не вижда разлика. Google, програмата за четене на екрана на незрящ човек и AI асистентът виждат в първия сайт ясна структура, а във втория — текст без йерархия.

Защо има значение за бизнеса

Търсачките и AI асистентите четат структурата на страницата, преди да стигнат до дизайна. Ясните заглавия, описаните снимки и връзките с понятен текст помагат на Google да разбере за какво е страницата. Същото важи и за достъпността, която от 2025 г. е задължителна за много онлайн магазини в ЕС. Затова чистият HTML е решение за SEO и за достъпност, не само техническа подробност.

Какво да попитате

• Има ли всяка страница едно главно заглавие и подзаглавия по ред?
• Имат ли снимките текстово описание?
• Може ли сайтът да се ползва само с клавиатура?
• Генерира ли системата за управление чист HTML, или добавя излишни слоеве код?

Чистият, семантичен HTML е основата на достъпността и на SEO-то на страницата, затова в изработката на сайт започваме от него.