我应该在图像周围放置段落标签吗?

时间:2010-01-27 23:49:44

标签: html tags image paragraph

我有一个网页,其中包含带图像的文字。我写了一些文字(在一个段落中)然后放了一个图像,然后是另一个段落。

我是否应该在图像周围放置p标签,或者我应该只使用img标签将其留在两者之间?

我问这个的原因是因为到目前为止我只是在段落间插入图像,但现在如果我想添加多个图像或添加图像和锚点,那么就不要坐在一起。我尝试的另一件事是添加

<p></p>

在两张图片之间,但我觉得这是错误的:P

4 个答案:

答案 0 :(得分:4)

您可以使用CSS使图像充当块而不是内联块:

将以下内容放在CSS中:

img { display: block; }

或者,如果您想要内嵌显示某些图片,请将class="block"添加到您的img标记中,然后将css更改为:

img.block { display: block; }

答案 1 :(得分:2)

将图像设置为块元素是一种部分解决方案。 HTML应该被设计为“工作”而没有样式。如果框模型要求块元素仅包含块或内联元素 - 而不是混合 - 我们应该在尽可能低的级别上执行此操作。这就是菜单创建为列表而不是链接集的原因。这被称为优雅降级。

恕我直言&lt; p&gt;如果旁边的节点是块元素,则应添加图像周围的标记

答案 2 :(得分:0)

我想不出有什么理由不使用<p><img/></p>,如果这就是你想要它的布局。这样标记清楚地描述了布局。

它肯定比更改所有图像的显示类型更清晰。最好的选择是创建一个css类img.block {display:block;} + <img class="block"/>

答案 3 :(得分:0)

使用或不使用<p></p>制作图像并没有错。你应该记住的唯一事情是:

  1. <p>的CSS可能会以您不希望的方式影响图片的填充,边距或宽度。
  2. <p>会将图片显示为阻止。
  3. 如果这是您的唯一目的,我建议您将该规则作为img {display: block;}包含在CSS中,并让<img>显示为<p></p>
  4. 如果您网站上的图片是块元素和内嵌元素的混合,我建议为每个图片创建一个类,并指定img {display: block;}img {display: inline;}