Разделение структурного и визуального оформления документа в веб-разработке необходимо, потому что это упрощает автоматическую обработку документа и его отображение в различных условиях. 3

Логическая разметка определяет роль каждого участка текстовой разметки в общей структуре документа (например, заголовок, текстовый абзац, таблица, изображение). 2 Физическая разметка определяет форму отображения (форматирование) элемента документа (например, оформление шрифта: полужирный, подчёркнутый, красным цветом, с отступами слева и справа и т. д.). 2

Главная концепция языков разметки состоит в том, что визуальное отображение документа должно автоматически генерироваться из логической разметки и не зависеть от его непосредственного содержания. 2 Это позволяет, например, один и тот же файл по-разному отображаться на экране компьютера, мобильного телефона и на печати, поскольку свойства этих устройств существенно различаются. 3