Stray end tag img

Midhun Murali picture Midhun Murali · Jun 9, 2014 · Viewed 45k times · Source

While validating markup through W3C validator service got this below error

Stray end tag img

Code is like below

<a title="text" href="url">
<img class="text" src="imgSrc" alt="Text"></img>
</a>

What does it means ? How we can avoid it ?

Answer

Bud Damyanov picture Bud Damyanov · Jun 9, 2014

If your document is XHTML compliant then you have to close img tag with <img src="image.jpg"/>, not with <img>...</img>.

If your document is HTML5 compliant, then you do not need the /> part, only use <img src="image.jpg">

And if you wonder what means that document should be XHTML or HTML5 compliant - this is the very first line of your HTML page, the so called document type definition:

<!DOCTYPE HTML> for HTML5 and

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> for XHTML 1.0 Transitional

NOTE: The <!DOCTYPE> declaration is mandatory (if you want your pages to validate with an HTML validator) and should always be the first thing in an HTML document.

NOTE: Although a document type definition is technically not required for a functioning web page, it is good practice to always include it in your code. As you learn to build web pages, get into the habit of always including the document type definition in your code.

More reading: