2010-01-27 60 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>標籤應添加如果節點在它旁邊是塊元素。