Czy należy umieszczać znaczniki akapitów wokół obrazów?

Question

Mam stronę internetową, na której mam tekst ze zdjęciami. Piszę trochę tekstu (w akapicie), a następnie umieszczam obraz, a następnie kolejny akapit.

Czy powinienem również umieścić znaczniki p do obrazu, czy powinienem zostawić go pomiędzy tagiem img?

Powodem, dla którego o to pytam, jest to, że do tej pory byłem tylko plopowaniem obrazów pomiędzy akapitami, ale teraz, jeśli chcę dodać więcej niż jeden obraz lub dodać obraz i kotwicę, nie siedzę razem. Inna sprawa, starałem się dodając

<p></p> 

między dwoma obrazami ale czuję, że jest źle: P

Answer 1

Można użyć CSS, aby obrazy działać jako bloki, a nie jako inline-bloków:

umieścić następujące gdzieś w CSS:

img { display: block; } 

Lub jeśli masz jakieś zdjęcia, które chcesz wyświetlić inline, a następnie dodać class="block" swoimi img tagów do i C mień css do tego:

img.block { display: block; } 

Answer 2

nie mogę wymyślić żadnego powodu, dlaczego nie wykorzystać <p><img/></p> jeśli to jak chcesz to rozplanowany. w ten sposób oznaczenie wyraźnie opisuje układ.

jest z pewnością bardziej czytelny niż zmiana typu wyświetlania dla wszystkich obrazów. najlepszą alternatywą byłoby stworzenie klasy css img.block {display:block;} + <img class="block"/>

Answer 3

Stylizowanie obrazu jako elementu bloku jest częściowym rozwiązaniem. HTML powinien być zaprojektowany do "pracy" bez stylów. Jeśli model pudełkowy wymaga, aby element blokowy zawierał tylko elementy blokowe lub śródliniowe - nie mieszane - niż powinniśmy to zrobić na najniższym możliwym poziomie. Dlatego menu tworzone są w postaci list, a nie zestawów linków. Nazywa się to pełną wdzięku degradacją.

więc IMHO <p> tag wokół obrazu należy dodać jeśli węzły obok niego są elementy blokowe.