2010-01-27 87 views
7

我有一个网页,我有文字与图像。我写了一些文字(在一段中),然后放置一个图像,然后是另一段。我应该在图片上放置段落标签吗?

我是否应该在图片周围放置p标签,还是应该只在img标签之间放置标签?

我之所以问这个问题,是因为直到现在我只是在段落间放置图像,但现在如果我想要添加多个图像或添加图像和锚点,那么就不要坐在一起。我想其他的事情,在两幅图像之间加入

<p></p> 

,但我觉得这是错误的:P

+1

你可能会尝试发布一个你得到什么样的例子,以及你想得到什么。我不认为我完全从你的描述中得到它。 – John 2010-01-27 23:54:38

回答

4

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

把你的CSS以下地方:

img { display: block; } 

或者,如果您有想要显示内嵌一些图像,然后添加class="block"到您的img标签,和c焊割的CSS这样:

img.block { display: block; } 
+1

好主意。尽可能少使用html元素总是最好的。如果你想'img'充当块级元素,就给它'display:block'。 – Skilldrick 2010-01-27 23:55:16

0

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

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

2

将图像设计为块元素是一种局部解决方案。 HTML也应该被设计为“工作”,而且没有样式。如果盒子模型要求块元素只包含块或内联元素(不是混合的) - 比我们应该在最低级别上这样做。这就是菜单被创建为列表而不是链接集的原因。这被称为优雅退化。

所以IMHO图像周围的<p>标签应添加如果节点在它旁边是块元素。