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