Jak poprawnie zamknąć znacznik <img>?

<img src='stackoverflow.png'> 
<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' />

Który z nich jest prawidłowy?Jak poprawnie zamknąć znacznik <img>?

Źródło

2013-02-13 insertusernamehere

Pytanie brzmi "Jak prawidłowo zamknąć znacznik ?" co jest prawdziwym pytaniem, a odpowiedzi są użyteczne. To pytanie nie powinno zostać zamknięte. – buffjape

Obecnie pytanie jest w porządku. Jest ** nie ** niejednoznaczne, niejasne, niepełne, zbyt szerokie lub retoryczne. Poniżej znajduje się doskonała odpowiedź. –

Nie wiem, która z poniższych odpowiedzi jest poprawna, ale co ciekawe, Inspektor kodu Firefox dodaje na końcu tagu, jeśli go tam nie umieścisz. I IE nie. Jest to istotne w moim wszechświecie. – Chiwda

<img src='stackoverflow.png' />

Działa prawidłowo i prawidłowo zamyka etykietę. Najlepiej dodać atrybut alt dla osób niedowidzących.

Źródło

2013-02-13 18:33:55

Podobała mi się ta odpowiedź, pomyśl o tym, nawet jeśli jest to dla xhtml, po co otwierać i zamykać samozamykający się znacznik? – Toping

Działa to w przypadku IE! –

Odpowiedź @ marvin-rabe jest bardziej kompletna i poprawna. –

129

Ten jest valid HTML5 i jest absolutnie w porządku bez zamykania go. Jest to tak zwany element void:

<img src='stackoverflow.png'>

Następujące poprawne znaczniki XHTML. Muszą być zamknięte. Ta ostatnia jest również dobra w HTML 5:

<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' />

Źródło

2013-02-13 18:37:10

Jest to nie tylko poprawny HTML5, ale również poprawny w HTML4. HTML nie wymaga samozamykania elementów "void", jak powiedziałeś. +1 dla spójnej odpowiedzi. –

Zobacz: http://dev.w3.org/html5/markup/syntax.html#void-element –

HTML5 lub XHTML nie uda się zweryfikować za pomocą sprawdzania HTML W3C, jeśli kierujesz do wersji 4.01 Transitional i wyższej. Zobacz także [W3C Markup Validation Service] (https://validator.w3.org/). Musisz użyć jednego '' (jeśli jest to dla ciebie ważne). – jww

-4

Poniżej znajduje się tag obrazu HTML, który będzie używany na stronie HTML.

<img src="smiley.gif" alt="Smiley face" 
    height="42" width="42">

Źródło

2015-12-08 07:57:56 Shailesh

Próbowałem wszystkie powyższe propozycje, ale mój tag otwierający jest nadal podkreślił: '' także '' także '' także '' – Joshua

To jest po prostu wyciągnął prosto z [przykładzie W3Schools] (http://www.w3schools.com/tags/tag_img.asp) bez troski o to, co jest poprawne lub najlepsze, co jest * punktem pytania *. –

-6

Nie trzeba używać <img> tag na pokaz obrazu w meta tagu tylko u co potrzebne jest, aby pokazać ścieżkę i & facebook wyszukiwarka uzyskać obraz ze ścieżki.

<meta name= 'image' content "http://your image path />

Źródło

2017-09-05 14:25:04

Jak poprawnie zamknąć znacznik <img>?

Odpowiedz

Powiązane problemy