почему он помещает один конкретный тег img в тег div?

Question

код не какой-то случайный испорченный код, я нашел его в книге:

<div id="main">
<div><img src="images/img1.png" /></div>
<div><img src="images/img2.png" /></div>
<div><img src="images/img3.png" /></div>
<div><img src="images/img4.png" /></div>
</div>

так ... почему он помещает каждый тег img в тег div?для укладки может быть?он может использовать тег img для стилизации их или даже основной идентификатор

Answer 1

Может быть потому, что <div> является элементом уровня блока, а <img> - нет?

В любом случае код, встречающийся в книгах, часто приводится просто в качестве иллюстрации, а иногда и не представляет передовой опыт.

<img> на самом деле замененный встроенный элемент .Однако моя точка зрения на пример кода в книгах остается в силе.

Есть также много способов убрать кошку из кожи ...

Answer 2

Судя по всему, я думаю, что это логический <ul>, пораженный дивитом. Книги, как правило, имеют некоторую степень контроля качества, но они по-прежнему паршивы с раздельными WTF только потому, что именно так многие дизайнеры научились это делать. Но трудно сказать наверняка, не видя книги или не имея удобного доступа к мозгу автора.

Кроме того, многие люди забывают, что они могут создавать, как правило, ненавязчивые встроенные элементы произвольно причудливыми способами, поэтому они заканчивают тем, что добавляют элементы, которые они более привыкли создавать таким образом. Однажды я упростил действительно привлекательную, профессионально разработанную ссылку на заголовок категории со странной формой и очень определенным интервалом, потому что она вызывала странные проблемы при перемещении в другую область страницы. IIRC, их версия использовала три div, img, якорь и span. Мой использовал якорь и img и был идентичным пикселю.