0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p><strong>В этой статье расскажу о трех способах растянуть ссылку на всю площадь элемента.</strong></p>
1
<p><strong>В этой статье расскажу о трех способах растянуть ссылку на всю площадь элемента.</strong></p>
2
<p>Допустим, у нас есть страница с превью новостей:</p>
2
<p>Допустим, у нас есть страница с превью новостей:</p>
3
<p>Необходимо сделать ссылкой не только подзаголовок, но и саму картинку. Есть три способа три: назовем их хороший, плохой и злой.</p>
3
<p>Необходимо сделать ссылкой не только подзаголовок, но и саму картинку. Есть три способа три: назовем их хороший, плохой и злой.</p>
4
<h2>Содержание</h2>
4
<h2>Содержание</h2>
5
<ul><li><a>Плохой</a></li>
5
<ul><li><a>Плохой</a></li>
6
<li><a>Злой</a></li>
6
<li><a>Злой</a></li>
7
<li><a>Хороший</a></li>
7
<li><a>Хороший</a></li>
8
</ul><h2>Плохой</h2>
8
</ul><h2>Плохой</h2>
9
<p>Просто обернуть и заголовок, и картинку в ссылку следующим образом:</p>
9
<p>Просто обернуть и заголовок, и картинку в ссылку следующим образом:</p>
10
<h2>Злой</h2>
10
<h2>Злой</h2>
11
<p>Обернуть все в одну ссылку:</p>
11
<p>Обернуть все в одну ссылку:</p>
12
<h2>Хороший</h2>
12
<h2>Хороший</h2>
13
<p>Разместить ссылку в заголовке, а затем расширить область ссылки на всю карточку с помощь псевдоэлемента<em>:before</em>:</p>
13
<p>Разместить ссылку в заголовке, а затем расширить область ссылки на всю карточку с помощь псевдоэлемента<em>:before</em>:</p>
14
<p>Можно использовать любой из этих трех способов, но лично я предпочитаю последний.</p>
14
<p>Можно использовать любой из этих трех способов, но лично я предпочитаю последний.</p>