📄 HTML і структура сторінки

Сторінка - це текст

Те, що ти бачиш у браузері, намальовано з HTML - тексту з тегів. Кожен тег - це елемент: <h1> заголовок, <p> абзац, <a> посилання, <input> поле. Теги вкладаються один в одного й утворюють дерево (його називають DOM).

Браузер показує гарний результат, але сам HTML можна прочитати повністю - він прийшов до тебе як звичайний текст.

Що ховається в коді

У HTML часто буває більше, ніж видно на екрані:

• коментарі <!-- ... --> - на сторінці не показуються, але лишаються в коді
• приховані елементи (hidden, display:none) - вони є, просто невидимі
• підключені файли - скрипти й стилі зі своїми даними

Розробники іноді лишають тут зайве: тестові нотатки, службові посилання, навіть ключі. Тому перший крок розвідки - прочитати сорс, а не лише дивитись на «картинку».

Спробуй

У симуляторі перемкнись між виглядом сторінки і її HTML-кодом, поклацай по дереву елементів і знайди те, чого на екрані не видно.