Wie Bild in XHTML einfügen?

Ich habe das Bild im Ordner img unter WebContent in Eclipse gespeichert. Wie füge ich das Bild in den XHTML-Code ein?Wie Bild in XHTML einfügen?

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

Quelle

2017-01-13 hihi

Wenn das nicht funktioniert, ist das Bild wahrscheinlich in einem anderen Verzeichnis oder vom falschen Typ. Ich meine, der Code sollte funktionieren. –

Es wird jedoch nicht validiert. Es gibt drei Probleme damit. Aber lassen Sie uns das Problem lösen, dass das Bild nicht zuerst auftaucht. –

@MrLister Ich habe den si.jpg Inisde Img Ordner gespeichert und unter WebContent in Eclipse platziert. Also frage ich mich, wie das Verzeichnis sein sollte – hihi

-2

XHTML5. Do nicht Verwenden Sie das Attribut border auf ein Bildelement, es ist ungültig/Legacy. Verwenden Sie CSS mit einem Selektor, um entweder das bestimmte Bild oder eine Gruppe von Bildern mithilfe einer CSS-Klasse auszuwählen. Nicht sicher, ob Sie den richtigen Medientyp/Mime für XHTML5 bereitstellen, der XML-Parser ist jedoch besser, wenn Sie nicht den richtigen Medientyp/Mime liefern, bleiben Sie stattdessen mit dem Lazy-HTML-Parser stecken. Sie können auch die JavaScript-Methode insertBefore verwenden, wenn Sie das Bild nicht zum Ende des Elements nach allen untergeordneten Elementen hinzufügen möchten.

<?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>

Quelle

2017-01-21 19:37:11 John

Dies ist effektiv eine Reihe von Kommentaren, keine Antwort. Sie haben den Code geschrieben, aber nicht so, dass das Problem behoben wird, dass das Bild nicht angezeigt wird. Wie die Kommentare zu der Frage zeigen, gibt es in der Frage nichts, was das Problem verursachen könnte. – Quentin

"der XML-Parser ist aber besser" - Wirklich? Als ich das letzte Mal davon hörte, war der HTML-Parser besser, weil die Browser-Anbieter ihn optimiert haben. Da kaum jemand XHTML verwendet, investieren sie nicht in den XML-Parser. – Quentin

Ihr XHTML ist ungültig. 'true' ist kein gültiger Wert für' defer', der nicht auf '

Verwandte Themen