Оцените код

Написал код для 100% прохождения прошу оценить правильность кода и его визуальный вид) дать советы

<head >
	<meta charset="utf-8">
	<title>Кваст</title>
</head>
<body>
	<header>
		<div class="header-top">
			<div class="logo"><img src="img/logo.png" alt="logo"></div>
			<ul class="main-menu">
				<li><a href="#">История</a></li>
				<li><a href="#">Производство</a></li>
				<li><a href="#">Ассортимент</a></li>
				<li><a href="#">Где купить</a></li>
			</ul>
		</div>
		<div class="title">
			Крафтовый квас <br>всему голова!
		</div>
	</header>

	<div class="features">
		<h2>Новинки</h2>
		<div class="feature-items">
			<div class="feature-item">
				<h3>Вахтёр</h3>
				<table>
					<tr>
						<td>Алк. </td>
						<td>&lt; 1%</td>					 
					</tr>	
					<tr>
						<td>Ккал: </td>
						<td>35</td>
					</tr>	
				</table>
				<p>Ржаной хлеб, Вода, Солод, Соль</p>				
				<img src="img/bottle-left.jpg" alt="Вахтёр">				
				<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
				<a href="#">Подробнее</a>
				<a href="#">Купить</a>
				<b>150 Р.</b>
			</div>
			<div class="feature-item">
				<h3>Романтик</h3>
				<table>
					<tr>
						<td>Алк.</td>
						<td> &lt; 0,5%</td>
					</tr>	
					<tr>
						<td>Ккал: </td>
						<td>27</td>
					</tr>	
				</table>
				<p>Ячменный хлеб, Вода, Солод, Апельсин</p>			
				<img src="img/bottle-right.jpg" alt="Романтик">			
				<p>	Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
				<a href="#">Подробнее</a>
				<a href="#">Купить</a>
				<b>90 Р.</b>
			</div>
		</div>
	</div>

	<div class="advantages">
		<ul>
			<li><h2>Варим сами</h2>
				<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p></li>
				<li><h2>Своё, родное</h2>
					<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p></li>
					<li><h2>Не экономим</h2>
						<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p></li>
					</ul>
				</div>

				<div class="history">
					<h2>Немного истории</h2>
					<h3>Происхождение кваса</h3>
					<dl>
						<dt><i>Источник:</i> <a href="#">ru.wikipedia.org</a></dt>
						<dd>
							<img src="img/wiki-1.png" alt="происхождение кваса">
							<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
						</dd>
					</dl>
					<h3>Классификация кваса</h3>
					<dl>
						<dt><i>Источник:</i> <a href="#">ru.wikipedia.org</a></dt>
						<dd>
							<img src="img/wiki-2.png" alt="Классификация кваса">
							<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
						</dd>
					</dl>
				</div>

				<div class="reviews">
					<h2>Пресса о нас</h2>
					<blockquote>
						<p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>
						<cite>Газета столичный Стольник </cite><a href="#">Читать далее</a>
					</blockquote>	
				</div>

				<div class="assortment">
					<h2>Ассортимент</h2>
					<table>
						<tr>
							<th>Название</th>
							<th>Алк.</th>
							<th>Ккал</th>
							<th>Объём</th>
							<th>Стоимость</th>
						</tr>
						<tr>
							<td>Классика</td>
							<td>&lt; 1,2%</td>
							<td>33</td>
							<td>330 мл</td>
							<td>120 Р.</td>
						</tr>
						<tr>
							<td>Шабаш</td>
							<td>&gt; 1,2%</td>
							<td>45</td>
							<td>330 мл</td>
							<td>250 Р.</td>
						</tr>
						<tr>
							<td>Вахтёр <sup>Новинка</sup></td>
							<td>&lt; 1%</td>
							<td>35</td>
							<td>0,5 л</td>
							<td>150 Р.</td>
						</tr>
						<tr>
							<td>Романтик <sup>Новинка</sup></td>
							<td>&lt; 0,5%</td>
							<td>27</td>
							<td>0,5 л</td>
							<td>90 Р.</td>
						</tr>
					</table>
				</div>

				<div class="buy">
					<h2>Заказать</h2>
					<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
					<form>
						<label for="fullname">Представьтесь:</label>
						<input type="text" id="fullname"><br>
						<label for="phone-1">Номер телефона:</label>
						<input type="text" id="phone-1"><br>
						<label for="phone-2">Доп. номер:</label>
						<input type="text" id="phone-2"><br>
						<label for="email">Email:</label>
						<input type="text" id="email"><br>
						<label for="size">Объем заказа:</label>
						<select  id="size">
							<option>От 5 до 10 баррелей в неделю</option>
						</select><br>
						<label for="comment">Доп. комментарий:</label>
						<textarea id="comment" rows="10" cols="96"></textarea><br>
						<label><input type="checkbox"> Я согласен получать квасную рассылку</label><br>
						<input type="submit" class="btn" value="Отправить заказ">
					</form>
				</div>

				<div class="footer">
					<div class="footer-top">
						<div class="logo">
							<img src="img/logo.png" alt="logo">
						</div>
						<ul class="main-menu">
							<li><a href="#">История</a></li>
							<li><a href="#">Производство</a></li>
							<li><a href="#">Ассортимент</a></li>
							<li><a href="#">Где купить</a></li>
						</ul>
					</div>
					<div class="footer-bot">
						<div class="social">
							<a href="#">Инстаграм</a>
							<a href="#">Фейсбук</a>
							<a href="#">Вконтакте</a>
						</div>
						<p>При перепечатке материалов ссылка на сайт обязательна!</p>
						<img src="img/htmlacademy.png" alt="htmlAcademy">
						<b>Разработчик:</b>
						<a href="/htmlacademy.ru">HTML Academy</a>
					</div>
				</div>
			</body>

Спаибо.Валерий за подсказку как добавить правильно код на форум

В блоке “History” не совсем верно сделан список определений – посмотрите как это сделано в “Keksby”.

Заодно и на форму обратной связи обратите внимание.


Остальное всё примерно как у всех.
Можно кое-где, кое-что дополнительно завернуть в div, но это можно всегда сделать позже – при стилизации…

Мне показалось это не совсем правильным когда h3 лежит просто в таблице но он не её элемент
Возможно я не прав т.к. только учусь
но валидатор кода говорит похожее

Да, это не правильно – Какие теги можно применять внутри тегов <dl>,<dt>,<dd>?

Здесь я о другом – у вас два списка определений, а должен быть один.
Впрочем я могу ошибаться…

Мне кажется это допустима т.к. у меня 2 статьи поэтому и 2 списка определений
Единственное что я б исправил это обернул бы каждую статью в див с классом 1 и 2

Нужно будет подумать об этом…

В Вашем варианте список перестаёт быть списком.
Это как два ul – и в каждом по одному li.

Почему? у меня же 2 разных dl это как разные ul то есть разные списки

Так именно об этом я и говорю : вместо одного списка с двумя элементами получается два списка с одним элементом (dt+dd – один элемент списка) в каждом.

Возможно но мне мой способ больше импонирует
Я бы спросил у модератора если он вдруг заглянит сюда)

Я h3 для себя менял на span.
Тогда все работает как надо, и проверку на w3.org проходит, и список определений правильный.
Но, естественно, проверку в академиии не проходит из-за размера шрифта.

Я тоже о таком думал,но тут явно h3 нужен т.к. мы без стилей работаем)
Приятно было с вами общаться)

Будете ситилизовать – выкладывайте… Почему-то все на HTML останавливаются…

Договорились)

вы уже все прошли?

В общих чертах.
Делал-переделывал-разбирался.
Без макета трудновато, но интересно.

Хорошо,я пошел тогда дальше учить и выложу следующую работу для обсуждения)

Объясните дураку. Зачем писать

> 1,2% если можно написать < 1,2%. Так и легче и быстрее

если вы про &lt;
ну если не писать так, то это будет распознаваться как начало открывающегося тега