#32 Difference between HTML and XHTML

XHTML meas Extensible HyperText Markup Language

XHTML is almost similar to HTML 4.0 this is very strict version of HTML. It is developed by (W3C) World Wide Web Consortium to help web developer’s transition easy.

Many times some codes of HTML will not work on all browsers so it is used.

DIFFERENCE BETWEEN HTML and XHTML

An XHTML document must have an XHTML declaration.

The , , , and <body> elements must also be present, and the xmlns attribute in <html> must specify the xml namespace for the document.</p> <pre class="astro-code dark-plus" style="background-color:#1E1E1E;color:#D4D4D4; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#808080"><!</span><span style="color:#569CD6">DOCTYPE</span><span style="color:#9CDCFE"> html</span><span style="color:#9CDCFE"> PUBLIC</span><span style="color:#CE9178"> "-//W3C//DTD XHTML 1.1//EN"</span></span> <span class="line"><span style="color:#CE9178">"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">html</span><span style="color:#9CDCFE"> xmlns</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"http://www.w3.org/1999/xhtml"</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">head</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">title</span><span style="color:#808080">></span><span style="color:#D4D4D4">Title of document</span><span style="color:#808080"></</span><span style="color:#569CD6">title</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">head</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">body</span><span style="color:#808080">></span></span> <span class="line"></span> <span class="line"><span style="color:#D4D4D4"> some content here...</span></span> <span class="line"></span> <span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">body</span><span style="color:#808080">></span></span> <span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">html</span><span style="color:#808080">></span></span></code></pre> <p>Previous: <a href="https://www.codesnail.com/html-web-storage-api/">#31 HTML Web Storage API</a></p> </div></article></main><footer><div class="border-t-2 border-dashed border-skin-line py-4 mt-16"><nav class="footer-nav w-full flex justify-between items-start"><ul class="flex gap-4 text-sm mb-5 text-skin-base/70"><li><a href="/about" class="hover:text-skin-accent">About</a></li><li><a href="/contact" class="hover:text-skin-accent">Contact</a></li><li><a href="/privacy" class="hover:text-skin-accent">Privacy</a></li><li><a href="/disclaimer" class="hover:text-skin-accent">Disclaimer</a></li></ul><button id="theme-btn" class="focus-outline" title="Toggles light & dark" aria-label="auto" aria-live="polite"><svg xmlns="http://www.w3.org/2000/svg" id="moon-svg"><path d="M20.742 13.045a8.088 8.088 0 0 1-2.077.271c-2.135 0-4.14-.83-5.646-2.336a8.025 8.025 0 0 1-2.064-7.723A1 1 0 0 0 9.73 2.034a10.014 10.014 0 0 0-4.489 2.582c-3.898 3.898-3.898 10.243 0 14.143a9.937 9.937 0 0 0 7.072 2.93 9.93 9.93 0 0 0 7.07-2.929 10.007 10.007 0 0 0 2.583-4.491 1.001 1.001 0 0 0-1.224-1.224zm-2.772 4.301a7.947 7.947 0 0 1-5.656 2.343 7.953 7.953 0 0 1-5.658-2.344c-3.118-3.119-3.118-8.195 0-11.314a7.923 7.923 0 0 1 2.06-1.483 10.027 10.027 0 0 0 2.89 7.848 9.972 9.972 0 0 0 7.848 2.891 8.036 8.036 0 0 1-1.484 2.059z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" id="sun-svg"><path d="M6.993 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007S14.761 6.993 12 6.993 6.993 9.239 6.993 12zM12 8.993c1.658 0 3.007 1.349 3.007 3.007S13.658 15.007 12 15.007 8.993 13.658 8.993 12 10.342 8.993 12 8.993zM10.998 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2h-3zm17 0h3v2h-3zM4.219 18.363l2.12-2.122 1.415 1.414-2.12 2.122zM16.24 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.342 7.759 4.22 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path></svg></button></nav><div class="flex justify-between text-sm items-center text-skin-base/60"><span>© 2026 All rights reserved.</span></div></div></footer><script src="/scripts/toggle_theme.js"></script></body></html>