태그를 올바르게 닫는 방법 ?

태그를 올바르게 닫는 방법 ?

---

<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 페이지가 의도 한대로 표시 될 수 있습니다. 이는 예를 들어에서 태그를 로 변환 한다는 의미 일 수 있습니다 . 또는의 마지막 슬래시를 무시할 수도 있습니다 . 레거시 유효성 검사를 위해 2016 : XHTML 5.0으로 HTML5 제공을 참조하십시오. 참조 : 2011 년 토론 및 추가 링크는 여기에서 시간이 지남에 따라 일부 비트가 변경 될 수 있음
<div /><div></div><img ... />

부분적으로 이것은 브라우저가 오류를 수정하기 위해 매우 열심히 노력하기 때문입니다. 또한 자체 닫기 태그와 void 태그에 대해 많은 혼동이 있기 때문입니다. 마지막으로 사양이 변경되었거나 항상 명확하지는 않았으며 브라우저는 이전 버전과 호환되도록 노력합니다.

따라서 세 가지 옵션 중 하나를 사용하여 벗어날 수는
있지만 첫 번째 옵션 만 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='stackoverflow.png'>
<img src='stackoverflow.png' />

HTML5에서도 둘 다 정확합니다.

---

사용해야 할 태그를 가장 잘 활용하십시오.

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

또한 HTML5에서 사용할 수 있습니다.

<img src="" alt="">

이 두 가지는 HTML5에서 완전히 유효합니다. 그중 하나를 고르십시오.

---

Both the right answer. HTML5 follows strict rules and in HTML5 we can close all the tags. So, it depends on you to use HTML5 or HTML and follow an appropriate answer.

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

The second property is more appropriate.

참고URL : https://stackoverflow.com/questions/14860492/how-to-close-img-tag-properly