2013-02-13 4 views
91
<img src='stackoverflow.png'> 
<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' /> 

둘 중 어느 것이 맞습니까?<img> 태그를 올바르게 닫는 방법?

+6

질문은 " 태그를 올바르게 닫는 방법"입니다. 이것은 진정한 질문이며, 답은 유용합니다. 이 질문은 종료되어서는 안됩니다. – buffjape

+3

질문은 현재 괜찮습니다. ** 애매 모호하지 않고, 모호하고, 불완전하며, 지나치게 광범위하거나, 수사적이지 않습니다. 아래에도 훌륭한 대답이 있습니다. –

+0

다음 답변 중 어느 부분이 정확한지 모르겠지만 흥미롭게도 Firefox의 Code Inspector는 태그 끝에을 추가합니다. IE는 그렇지 않습니다. 이것은 우주에서 중요합니다. – Chiwda

답변

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

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

+0

이 답변이 마음에 들었습니다. xhtml의 경우에도이 질문을 생각해보십시오. 왜 자기 닫는 태그를 열고 닫아야합니까? – Toping

+4

그리고 그것은 IE에서 작동합니다! –

+7

@ marvin-rabe의 답은 더 완전하고 정확합니다. –

129

이쪽은 valid HTML5이며 닫지 않아도됩니다. 이른바 보이드 (void) 요소입니다.

<img src='stackoverflow.png'> 

유효한 XHTML 태그는 다음과 같습니다. 그들은 폐쇄되어야합니다. HTML5에서도 이후 버전은 괜찮습니다.

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

유효한 HTML5 일뿐만 아니라 HTML4에서도 유효합니다. HTML은 자기가 말한 것처럼 자기 닫는 "void"요소를 요구하지 않는다. 일관된 대답에 +1. –

+2

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

+1

과도기 버전 4.01 이상을 타겟팅하는 경우 HTML5 또는 XHTML의 유효성을 W3C의 HTML 검사기에서 확인하지 못합니다. [W3C Markup Validation Service] (https://validator.w3.org/)도 참조하십시오. ''을 사용해야합니다 (중요한 경우). – jww

-4

다음은 HTML 페이지에서 사용되는 HTML 이미지 태그입니다.

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

나는 위의 모든 제안을 시도했다, 그러나 나의 시작 태그에 밑줄을 여전히''도''도''도'이 단지 [W3 스쿨 예]에서 바로 끌어 ' – Joshua

+4

(HTTP ://www.w3schools.com/tags/tag_img.asp) 올바른지 또는 최선인지에 대한 우려없이 * 질문의 요점 *입니다. –

-6

당신은 메타 태그 에서 쇼 이미지 <img> 태그를 사용할 필요가없는 단지 u는 경로에서 이미지를 얻을 것이다 경로와 검색 엔진 &의 페이스 북을 보여주는 것입니다 필요.

<meta name= 'image' content "http://your image path /> 
관련 문제