document type does not allow element "img" / "font" here

Question

Hello!

I try to validate my xhtml and i have a little problem with this:

The end of the document i have this little JS script which contain IMG and FONT tags, and i get error for this: document type does not allow element "img" here; document type does not allow element "font" here

$("#nick_name").change(function()
 {var usr=$("#nick_name").val();if(usr.length>=4)
 {$("#status").html('<img src="images/loader.gif" align="middle" alt="" title=""/>');
.
.
.

How can i validate this?

Thank you.

Answer 1

Put the script in a CDATA to validate; details. I found it is a good practice when dealing with javascript and validation.

Something like this

<script type="text/javascript">
<![CDATA[

$("#nick_name").change(function()
 {var usr=$("#nick_name").val();if(usr.length>=4)
 {$("#status").html('<img src="images/loader.gif" align="middle" alt="" title=""/>');
.
.
.
]]>
</script>