<img> 태그를 올바르게 닫는 방법은 무엇입니까?

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

그들 중 어느 것이 맞습니까?

<img src='stackoverflow.png' />

잘 작동하고 태그를 제대로 닫습니다. alt시각 장애인을위한 속성 을 추가하는 것이 가장 좋습니다.

이것은 유효한 HTML5 이며 닫지 않아도 절대적으로 괜찮습니다. 소위 void 요소입니다.

<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엄격히 필요한 것은 아니지만 _usually_ 속성도 포함되어야합니다).

즉, 브라우저가 사용자가 의미하는대로 HTML을 다시 작성하거나 해석하기 때문에 HTML5 페이지가 의도 한대로 표시 될 것입니다. 그 수 는, 예를 들어, 태그를 턴 의미
<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 판독기 배열을 사용할 수 있음을 알고 있음을 의미합니다.

콘텐츠를 구문 분석하지 않으려면 닫기를 무시하십시오.