TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.5K subscribers
Post #2706 763
Найдите ошибку в верстке

Перед вами фрагмент кода. На первый взгляд он кажется рабочим, но в нем допущена серьезная логическая ошибка с точки зрения спецификации HTML.

<nav>
<a href="/">Главная</a>
<a href="/about">О нас</a>
<span>
<h3>Наши услуги</h3>
<p>Мы предлагаем лучший сервис в городе.</p>
</span>
</nav>


Правильный ответ: Внутри строчного элемента <span> нельзя размещать блочные элементы <h3> и <p>. По правилам вложенности, строчные элементы могут содержать только другие строчные элементы или текст. Нарушение этой логики может привести к непредсказуемому поведению стилей и проблемам с SEO

#практика
  • 👍 10
  • 👎 2
More from @free_html_lessons
  1. Oct 14, 2026Создаём красивую кнопку загрузки с анимацией на CSS Эффектная кнопка загрузки сделает ваш…
  2. Oct 13, 2026Post #3088
  3. Oct 13, 2026Как использовать псевдокласс :has() для навигации С помощью :has() можно улучшить UX меню.…
  4. Oct 12, 2026Как создать адаптивный текстовый градиент Градиенты в тексте — это модный тренд, который м…
  5. Oct 11, 2026Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Атрибут rel=…
  6. Oct 9, 2026Post #3083
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →