Làm thế nào để đóng thẻ <img> đúng cách?

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

(Những) cái nào trong số chúng là đúng?

<img src='stackoverflow.png' />

Hoạt động tốt và đóng thẻ đúng cách. Tốt nhất nên thêm altthuộc tính dành cho người khiếm thị.

Đây là HTML5 hợp lệ và nó hoàn toàn ổn mà không cần đóng nó. Nó là một phần tử được gọi là void:

<img src='stackoverflow.png'>

Sau đây là các thẻ XHTML hợp lệ. Chúng phải được đóng lại. Cái sau cũng tốt trong HTML 5:

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

Trên thực tế, chỉ cái đầu tiên hợp lệ trong HTML5

<img src='stackoverflow.png'>  

Chỉ hai cuối cùng hợp lệ trong XHTML

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

(Mặc dù không bắt buộc nghiêm ngặt, nhưng một altthuộc tính _usently_ cũng nên được bao gồm).

Điều đó nói rằng, trang HTML5 của bạn có thể sẽ hiển thị như dự định vì các trình duyệt sẽ viết lại hoặc diễn giải html của bạn theo ý bạn. Điều đó có thể có nghĩa là nó biến một thẻ, ví dụ, từ
<div />thành <div></div>. Hoặc có thể nó chỉ bỏ qua dấu gạch chéo cuối cùng trên <img ... />.
xem năm 2016: Cung cấp HTML5 dưới dạng XHTML 5.0 để xác thực kế thừa.
xem: thảo luận năm 2011 và các liên kết bổ sung ở đây, mặc dù theo thời gian một số bit có thể đã thay đổi

Điều này một phần là do các trình duyệt rất cố gắng sửa lỗi. Ngoài ra, vì có nhiều nhầm lẫn về thẻ tự đóng và thẻ vô hiệu. Cuối cùng, Thông số kỹ thuật đã thay đổi, hoặc không phải lúc nào cũng rõ ràng và các trình duyệt cố gắng tương thích ngược.

Vì vậy, mặc dù bạn có thể bỏ qua bất kỳ tùy chọn nào trong ba tùy chọn, nhưng
chỉ tùy chọn đầu tiên tuân thủ tiêu chuẩn HTML5 và được đảm bảo vượt qua trình xác thực HTML5.

Một chiến lược hợp lý có thể là:

• Viết mã mới mà không có dấu gạch chéo đóng.
• Khi tính toán lại mã, hãy cập nhật các thẻ hình ảnh gần đó, khi bạn chạy qua chúng.
• Đừng quá lo lắng về các thẻ trong tệp kế thừa mà bạn không chạm vào, trừ khi có nhu cầu cụ thể.

Dưới đây là danh sách các thẻ không nên đóng trong HTML5 :

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

Cách sử dụng thẻ tốt nhất mà bạn nên sử dụng:

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

Ngoài ra, bạn có thể sử dụng trong HTML5:

<img src="" alt="">

Hai điều này hoàn toàn hợp lệ trong HTML5 Chọn một trong số chúng và gắn bó với điều đó.

Cả hai câu trả lời đúng. HTML5 tuân theo các quy tắc nghiêm ngặt và trong HTML5, chúng ta có thể đóng tất cả các thẻ. Vì vậy, tùy thuộc vào bạn sử dụng HTML5 hay HTML và làm theo một câu trả lời thích hợp.

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

Thuộc tính thứ hai là thích hợp hơn.

- Thẻ rỗng và chỉ chứa Thuộc tính. -Kẻ không có thẻ 'Đang đóng'.

Vì thế,

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

cả hai đều đúng trong HTML5.

Sẽ hữu ích khi có thẻ đóng nếu bạn cố gắng đọc nó bằng trình phân tích cú pháp XHTML. Có thể là một trường hợp cạnh nhưng tôi làm điều đó mọi lúc. Không có hại gì khi có nó, và có nghĩa là tôi biết chúng ta có thể sử dụng một loạt các trình đọc XML sẽ không quan tâm khi chúng nhấn vào một thẻ không được đóng chặt.

Nếu bạn không bao giờ cố gắng phân tích cú pháp nội dung, hãy bỏ qua phần kết thúc.