2017-01-13 4 views
0

Я сохранил изображение в папке img под WebContent в eclipse. Как вставить изображение в xhtml-код?Как вставить изображение в xhtml?

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

Если это не поможет, возможно, изображение находится в другом каталоге или неправильном типе. Я имею в виду, что код должен работать. –

+1

Это не подтвердит. С этим связаны три проблемы. Но давайте решим проблему с изображением, не отображающимся в первую очередь. –

+0

@MrLister Я сохранил папку si.jpg inisde img и помещен под WebContent в eclipse. Поэтому мне интересно, как каталог должен быть – hihi

ответ

-2

XHTML5. Do не использовать атрибут border на элементе изображения, это недействительно/устарело. Используйте CSS с селектором, чтобы выбрать либо конкретное изображение, либо набор изображений с использованием класса CSS. Не уверен, что если вы подаете правильный тип медиа/mime для XHTML5, синтаксический анализатор XML является превосходным, хотя, если вы не используете нужный тип медиа/mime, вместо этого вы застрянете с ленивым 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', которое не может появиться на '

Смежные вопросы