Ниже фрагмент кода из курса “Кексби”.
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="cat-reference">
<div class="container">
<h2 class="section-title">Немного теории</h2>
<a class="btn" href="#" title="Открыть справочник">Справочник</a>
<dl>
<dt>
<h3 class="reference-title">Окрас кошек и котов</h3>
<i class="reference-source">источник: <a target="_blank" href="https://ru.wikipedia.org">wikipedia</a></i>
</dt>
<dd>
<img src="img/article-1.jpg" alt="Окрас кошек и котов" width="100" height="100">
<p>Окрас шерсти, кожи и глаз кошки обусловлен присутствием в них пигмента меланина. Меланин находится в теле волоса в виде микроскопических гранул, которые различаются по форме, размеру и количеству, что и вызывает различия в окрасе.</p>
</dd>
<dt>
<h3 class="reference-title">Кошкин дом</h3>
<i class="reference-source">источник: <a target="_blank" href="http://kotmur.spb.ru">kotmur.spb.ru</a></i>
</dt>
<dd>
<img src="img/article-2.jpg" alt="Кошкин дом" width="100" height="100">
<p>Нужен ли кошке Кошкин дом? Свой отдельный, обособленный от пространства городской квартиры Кошкин дом? Да, нужен! Нужен особый Кошкин дом, обустроенный по ее вкусу с лесенкой, с когтеточкой, с замкнутым, своим, отдельным уголком в ее, кошкином, доме.</p>
</dd>
</dl>
</div>
</div>
</body>
</html>
При проверке на https://validator.w3.org/nu/#textarea
получаем результат:
Если нас учат правильной разметке, – то вопрос: какие теги можно применять внутри dl, dt, dd?
