Один элемент с выбором HTML-тега
В панели добавления Box занимает место Div Block, Section, Container, Columns, Grid, V Flex и H Flex. Нужный HTML-тег задаётся в настройках: доступны div, section, nav, header, footer, main, article, aside, address и figure. Тег можно изменить в любой момент без замены элемента.
В Quick Find Box находится по запросам box, div или section. Поиск по тегу позволяет сразу добавить Box с нужным значением — например, address. В Navigator семантические теги получают собственные названия и значки, чтобы структура страницы была видна в дереве элементов.
Существующие элементы сохраняются и продолжают работать: их скрыли в панели добавления, а не удалили. По сообщению Webflow, Box с тегом div при публикации даёт тот же результат, что и Div Block.
Базовые стили для большего числа тегов
Глобальные селекторы задают базовые стили для HTML-тега по принципу селекторов типа в CSS. Webflow добавила 19 таких селекторов; среди поддерживаемых тегов компания перечисляет div, section, nav, header, footer, main, article, aside, address, button, input, textarea и select.
Box использует стили выбранного тега. Например, элемент с тегом section получает оформление All Sections, а стили All Divs распространяются и на Box с тегом div. Это позволяет задать базовое оформление на уровне тега.
Новые селекторы изначально пустые. Само их появление не меняет внешний вид сайта — изменения начнут действовать после настройки соответствующих стилей.
API и доступность
Создавать Box и работать с ним можно также через Designer API и MCP-сервер Webflow. Для проверки HTML-тега, в том числе у пользовательских элементов, компания указывает метод getTag().
Box и расширенный набор селекторов доступны всем пользователям с ролью Designer независимо от тарифа, включая Free.
