Правильное вложение элемента в тег h1
Итак рассмотрим правильное вложение элемента span в тег h1 (h1-h6)

  • H1 является блочным элементом

  • встроенный элемент не может содержать блочный элемент

  • элементы не могут быть частично содержится другими элементами


Поэтому, с точки зрения DTD (Document Type Definition):
<h1><span>...</span></h1> <!-- Правильно -->
<div><h1>...</h1></div>   <!-- Правильно -->
<h1><span>...</h1></span> <!-- Не правильно -->
<span><h1>...</h1></span> <!-- Не правильно -->

Примеры использования:
<h1><span>Добро пожаловать</span></h1>
<h1><span>Солнечный</span> берег</h1>
<h1>Сегодня <span>страстная</span> пятница</h1>