Модели контента в HTML5 были разработаны, чтобы сделать структуру разметки понятней как для браузера, так и для веб-разработчика.
В HTML элементы, как правило, были двух моделей: либо блочные, либо строчные. В HTML5 введены семь основных моделей контента:
Метаданные: контент, который определяет представление или поведение остального контента на веб-странице. Эти элементы находятся в элементе <head> документа.
Элементы: <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>.
Встроенный контент: контент, который импортирует другие ресурсы в документ.
Элементы: <audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>.
Интерактивный контент: контент, специально предназначенный для взаимодействия с пользователем.
Элементы: <a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>, <label>, <object>, <select>, <textarea>.
Заголовочный контент: создаёт заголовки.
Элементы: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Фразаобразующий контент: к этой модели относятся несколько строчных элементов, по аналогии с HTML4.
Элементы: <img>, <span>, <strong>, <label>, <br>, <small>, <sub> и прочие.
Потоковый контент: большинство HTML5-элементов, входящих в эту группу, отвечают за обычное функционирование документа.
Секционирующий контент: отвечает за определение границ разделов на веб-странице (например, заголовков, подвала).
Элементы: <article>, <aside>, <nav>, <section>, <footer>.
