2017-01-13 4 views
0

eclipseのWebContentの下のimgフォルダにイメージを保存しました。イメージをxhtmlコードに挿入するには?xhtmlに画像を挿入するには?

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

これで解決しない場合は、画像が別のディレクトリまたは間違った種類の画像にある可能性があります。つまりコードは機能するはずです。 –

+1

これは検証されません。 3つの問題があります。しかし、最初に現れない画像の問題を解決しましょう。 –

+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パーサが優れていました。誰もXHTMLを使用することはほとんどないため、XMLパーサーには労力を費やすことはありません。 – Quentin

+0

XHTMLが無効です。 'true'は' defer'に対して有効な値ではありません。 '%s 'は'