2017-01-13 2 views
0

Eclipse의 WebContent 아래 img 폴더에 이미지를 저장했습니다. 이미지를 xhtml 코드에 삽입하는 방법은 무엇입니까?xhtml에 이미지를 삽입하는 방법은 무엇입니까?

<img border="0" src="/WebContent/img/si.jpg"></img> 
+1

그래도 작동하지 않으면 이미지가 다른 디렉토리 또는 잘못된 유형 일 수 있습니다. 내 말은, 코드가 작동해야한다는 것입니다. –

+1

그래도 유효성을 검사하지 않습니다. 세 가지 문제가 있습니다. 그러나 먼저 나타나지 않는 이미지의 문제를 해결합시다. –

+0

@MrLister si.jpg inisde img 폴더를 저장하고 Eclipse의 WebContent 아래에 배치했습니다. 따라서 디렉토리가 어떻게되어야하는지 궁금합니다. – hihi

답변

-2

xhtml5. 이 아닌은 이미지 요소에 border 속성을 사용합니다. 잘못된/유산입니다. 선택자와 함께 CSS를 사용하여 CSS 클래스를 사용하여 특정 이미지 또는 이미지 세트를 선택하십시오. XHTML5에 올바른 미디어 유형/MIME을 제공하고 있는지 확실하지는 않지만 올바른 미디어 유형/MIME을 제공하지 않는 경우 XML 구문 분석기가 우수합니다. 대신 게으른 HTML 파서를 사용해야합니다. 요소의 자식 요소가 모두 된 후에 요소의 끝에 이미지를 추가하지 않으려는 경우 JavaScript의 insertBefore 메서드를 사용할 수도 있습니다.

<?php 
if (isset($_SERVER['HTTP_ACCEPT']) && stristr($_SERVER['HTTP_ACCEPT'],'application/xhtml+xml')) 
{ 
header('Content-Type: application/xhtml+xml; charset=UTF-8'); 
echo '<?xml version="1.0" encoding="UTF-8"?>'."\n"; 
} 
else 
{ 
header('Content-Type: text/html; charset=UTF-8'); 
} 
?><!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title>Moderation</title> 
<script defer="true" type="application/javascript"> 
//<![CDATA[ 
function image(img) 
{ 
var img = document.createElement('img'); 
img.setAttribute('alt','Alternative Text'); 
img.setAttribute('src',img); 
document.getElementById('example').appendChild(img);} 

window.onload = function(e) 
{ 
//Anonymous function for onload event allows you to call multiple functions. 
//Always have event handlers at the end (bottom) of your JavaScript. 
//Never put script elements in the body, use the defer or async attributes. 
image('images/si.jpg'); 
} 
//]]> 
</script> 
</head> 

<body> 

<div id="example"></div> 

</body> 
</html> 
+1

이것은 효과적으로 일련의 주석이 아닌 답입니다. 코드를 작성했지만 표시되지 않는 이미지 문제를 해결하는 방법은 아닙니다. 질문에 대한 의견이 지적했듯이 문제를 일으킬 수있는 질문에는 아무 것도 제시되지 않았습니다. – Quentin

+0

"XML 파서는 우수합니다."- 정말요? 지난 번에 내가 들었던 부분에 대해서는 브라우저 공급 업체가 HTML 파서를 최적화했기 때문에 HTML 파서가 더 우수했습니다. XHTML을 사용하는 사람은 거의 없으므로 XML 파서에 많은 노력을 기울이지 않습니다. – Quentin

+0

XHTML이 유효하지 않습니다. 'true'는 '지연'에 유효한 값이 아니며 'src'없이 '

관련 문제