Должен ли я помещать теги абзацев вокруг изображений?

Question

У меня есть веб-страница, где у меня есть текст с изображениями. Я пишу какой-то текст (в абзаце), затем помещаю изображение, а затем еще один абзац.

Должен ли я помещать p-метки вокруг изображения, или я должен просто оставить его между ними только с тегом img?

Причина, по которой я спрашиваю об этом, заключается в том, что до сих пор я просто перебирал изображения между абзацами, но теперь, если я хочу добавить несколько изображений или добавить изображение и привязку, тогда они не будут сидеть вместе справа. Другая вещь, которую я пытался добавлял

<p></p> 

между двумя изображениями, но я чувствую, что это не так: P

Answer 1

Вы можете использовать CSS, чтобы сделать изображение действуют как блоки, а не как инлайн-блоки:

Поместите следующее в вашем CSS где:

img { display: block; } 

Или если у вас есть какие-то изображения, которые вы хотите отобразить инлайн, а затем добавить class="block" к вашим Img тегов и с висящий в CSS к этому:

img.block { display: block; } 

Answer 2

Я не могу думать о какой-либо причине, почему вы не использовали бы <p><img/></p>, если это, как вы хотите его выложил. таким образом, отметка четко описывает макет.

Это, безусловно, более разборчиво, чем изменение типа отображения для всех изображений. лучшей альтернативой было бы создание класса css img.block {display:block;} + <img class="block"/>

Answer 3

Укладка изображения в виде элемента блока является частичным решением. HTML также должен быть разработан для «работы» без стилей. Если модель окна требует, чтобы блок-блок содержал только блок или встроенные элементы - не смешанные - мы должны делать это на самом низком возможном уровне. Вот почему меню создаются в виде списков, не содержащих ссылок. Это называется изящной деградацией.

Так ИМХО < р > тег вокруг изображения должны быть добавлены если узлы рядом с ним являются блочные элементы.