Необходима верстка под свой блок товаров

Мы получаем меню с сайта, путем прямого парсинга, то есть получения HTML кода страниц сайта.
На качество парсинга влияет качественная верстка. Все теги на странице должны быть парными, то есть открытые теги должны быть закрыты и не должны существовать закрытые теги без открытых. Исключение составляют одиночные теги типа <image />, <br /> и тд.
Блок категорий должен иметь текстовые обозначения, то есть тег категории с пиццей должен иметь текст «Пицца», недостаточно одного изображения. Категория должна быть жестко привязана к блоку продуктов, несколько категорий не должны вести на одну страницу/блок с продуктами. В случае, если категория никак не связана с блоком продуктов через html код, парсинг невозможен.
Блок продуктов должен существовать, в нем каждый продукт также должен быть обернут в собственный блок.
Блок каждого продукта должен содержать в себе следующие отдельные элементы:
— Название
— Вес
— Калории (не обязательно)
— Описание
— Цена
— Изображение
Варианты — это список обязательных к выбору модификаций продуктов, допустим размер у пиццы или объем у напитков.
Список вариантов должен располагаться внутри блока соответствующего продукта. Варианты, которые есть на странице,но не привязаны к конкретному продукту мы забрать не сможем. Каждый вариант должен содержать цену в html коде.
Пример в конце файла.
Ингредиенты — это список необязательных к выбору модификаций продуктов, допустим соус к картошке.
Список ингредиентов должен располагаться внутри блока соответствующего продукта. Ингредиенты, которые есть на странице,но не привязаны к конкретному продукту мы забрать не сможем. Каждый ингредиент должен содержать цену в html коде.
Пример в конце файла.
Пример подходящей верстки блока продукта:

<div class="products">
<div class="product">
<h2 class="name">Пицца Маргарита</h2>
<p class="description">Помидоры черри, сыр гальбани, сыр моцарелла, фирменный соус, базилик</p>
<p class="price">520 рублей</p>
<img src="https://site.ru/images/image.jpg" />
<select class="variants">
<option price="520">32 см</option>
<option price="820">42 см</option>
</select>
<div class="ingredients">
<span>
<input type="checkbox" value="30" price="30">
<label>Соленые огурчики 30 гр</label>
</span>
<span>
<input type="checkbox" value="40" price="40">
<label>Ананас 10 гр</label>
</span>
<span>
<input type="checkbox" value="50" price="50">
<label>Колбаски 50 гр</label>
</span>
</div>
</div>
</div>

• Тема изменена 4 года, 6 месяцев назад пользователем Denis Yanchevskiy. Причина: Оформление кода