Як правильно закрити тег <img>?

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

Який із них правильний?

<img src='stackoverflow.png' />

Працює чудово і правильно закриває тег. Найкраще додати altатрибут для людей із вадами зору.

Цей дійсний HTML5, і він абсолютно чудовий, не закриваючи його. Це так званий недійсний елемент:

<img src='stackoverflow.png'>

Нижче наведено дійсні теги XHTML. Їх треба закрити. Пізніше також чудово в HTML 5:

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

Насправді в HTML5 діє лише перший

<img src='stackoverflow.png'>  

У XHTML діють лише останні два

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

(Хоча це altстрого не потрібно, атрибут _усуточно_ також повинен бути включений).

При цьому ваша HTML5 сторінка, ймовірно, відображатиметься за призначенням, оскільки браузери переписують чи інтерпретують ваш HTML у те, що він думає, що ви мали на увазі. Це може означати, що він перетворює тег, наприклад, з
<div />на в <div></div>. Або, можливо, він просто ігнорує остаточну косу рису <img ... />.
див. 2016: Подайте HTML5 як XHTML 5.0 для підтвердження застарілих даних.
Дивіться: обговорення 2011 року та додаткові посилання тут, хоча з часом деякі біти можуть змінитися

Частково це відбувається тому, що браузери дуже намагаються виправити помилку. Також тому, що існує багато плутанини щодо тегів, що закриваються, і тегів, що не закриваються. Нарешті, специфікація змінилася або не завжди була зрозумілою, і браузери намагаються бути сумісними назад.

Отже, хоча ви, ймовірно, можете піти з будь-якого з трьох варіантів,
лише перший дотримується стандарту HTML5 і гарантовано пройде валідатор HTML5.

Раціональною стратегією може бути:

• Напишіть новий код без косої риски.
• Під час повторного факторингу коду оновлюйте розташовані поблизу теги зображень під час їх переходу.
• Не надто турбуйтеся про теги у застарілих файлах, до яких ви не торкаєтесь, якщо не виникає особлива потреба.

Ось список тегів, які не слід закривати в HTML5 :

 <br>    <hr>    <input>       
 <img>  <link>   <source>  
 <col>  <area>   <base>
 <meta> <embed>  <param>  
<track>  <wbr>   <keygen> (HTML 5.2 Draft removed)

Найкраще використовувати теги:

<img src="" alt=""/>

Також ви можете використовувати в HTML5:

<img src="" alt="">

Ці два є повністю дійсними в HTML5. Виберіть один із них і дотримуйтесь цього.

І правильна відповідь. HTML5 дотримується суворих правил, і в HTML5 ми можемо закрити всі теги. Отже, від вас залежить використання HTML5 або HTML та дотримання відповідної відповіді.

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

Друга властивість більш доречна.

-Тег порожній і містить лише атрибут. -Тег не має тегу "Закриття".

Так,

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

обидва є правильними і в HTML5.

Корисно мати завершальний тег, якщо ви коли-небудь спробуєте прочитати його за допомогою аналізатора XHTML. Це може бути крайнім випадком, але я це роблю постійно. Немає шкоди, маючи це, і означає, що я знаю, що ми можемо використовувати масив зчитувачів XML, які не загрожуватимуть, коли вони потрапляють на незакритий тег.

Якщо ви ніколи не будете намагатися проаналізувати вміст, ігноруйте закриття.