Question

我已将图像保存在eclipse中WebContent下的img文件夹中。如何将图像插入xhtml代码？

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

Answer 1

XHTML5。不对图像元素使用border属性，它是无效/遗留的。使用带有选择器的CSS可以使用CSS类选择特定图像或一组图像。不确定你是否为XHTML5提供正确的媒体类型/ mime，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>

如何在xhtml中插入图像？

1 个答案: