--- title: "#html articles | Hashnode" description: "Hypertext Markup Language is the standard markup language for creating web pages and web applications. With Cascading Style Sheets and JavaScript it forms a..." url: "https://hashnode.com/tag/html" --- Tag # #html 4,849 posts · 32,506 followers [LeadReef](https://hashnode.com/@leadreef) · [1m ago](https://hashnode.com/posts/webp-vs-avif-which-image-format-should-a-small-business-website-use-in-2026/6af4753e3132f181e80a7fdf) ### [WebP vs AVIF: which image format should a small business website use in 2026?](https://leadreef.hashnode.dev/webp-vs-avif-which-image-format-should-a-small-business-website-use-in-2026?utm_source=hashnode&utm_medium=feed) Short answer: for a small business website in 2026, serve AVIF first, WebP as the fallback and JPEG as the last resort, using a element. Generate three or four widths of each photo and let s 9 min read · [leadreef.hashnode.dev](https://leadreef.hashnode.dev/webp-vs-avif-which-image-format-should-a-small-business-website-use-in-2026?utm_source=hashnode&utm_medium=feed) [Remar Barquilla](https://hashnode.com/@remar) · [10h ago](https://hashnode.com/posts/raw-html-vs-rendered-dom/6af3e8972e9240c515f1e1bc) ### [Raw HTML vs Rendered DOM: What SEO Crawlers and AI Bots Actually See](https://siteauditlint.hashnode.dev/raw-html-vs-rendered-dom?utm_source=hashnode&utm_medium=feed) Open any modern site, press View Source, then open DevTools Elements. If those two views look very different, search engines and AI crawlers may not be seeing the page you think you shipped. This matt 4 min read · [siteauditlint.hashnode.dev](https://siteauditlint.hashnode.dev/raw-html-vs-rendered-dom?utm_source=hashnode&utm_medium=feed) [Stormy Studios](https://hashnode.com/@stormystudios) · [20h ago](https://hashnode.com/posts/a-native-html-faq-that-leaves-room-for-real-answers/6af351e9909f96d3900dc3b9) ### [A native HTML FAQ that leaves room for real answers](https://stormystudios.hashnode.dev/a-native-html-faq-that-leaves-room-for-real-answers?utm_source=hashnode&utm_medium=feed) Practical details/summary choices, keyboard focus, reduced motion and honest testing limits. 4 min read · [stormystudios.hashnode.dev](https://stormystudios.hashnode.dev/a-native-html-faq-that-leaves-room-for-real-answers?utm_source=hashnode&utm_medium=feed) [Nordvia Digital](https://hashnode.com/@nordviadigital) · [1d ago](https://hashnode.com/posts/building-an-accessible-enquiry-form-error-summary-with-the-constraint-validation-api/6af2dfc66c347041d5f9df25) ### [Building an Accessible Enquiry Form Error Summary with the Constraint Validation API](https://nordviadigital.hashnode.dev/building-an-accessible-enquiry-form-error-summary-with-the-constraint-validation-api?utm_source=hashnode&utm_medium=feed) By Nordvia Digital Enquiry forms are often the main way a Dubai business website turns a visitor into a conversation. When the form rejects input, the way it explains the problem matters: a vague red 5 min read · [nordviadigital.hashnode.dev](https://nordviadigital.hashnode.dev/building-an-accessible-enquiry-form-error-summary-with-the-constraint-validation-api?utm_source=hashnode&utm_medium=feed) [Tarek Elzoghby | طارق الزغبي](https://hashnode.com/@Tarek-Elzoghby) · [1d ago](https://hashnode.com/posts/my-validation-code-was-fine-it-just-never-ran/6af2d8c4b1041b64c0ce2b6d) ### [My Validation Code Was Fine. It Just Never Ran.](https://tarek-elzoghby.hashnode.dev/my-validation-code-was-fine-it-just-never-ran?utm_source=hashnode&utm_medium=feed) My custom email error never showed, and the code looked fine. The browser’s validation was blocking my submit handler before it ran. 4 min read · [tarek-elzoghby.hashnode.dev](https://tarek-elzoghby.hashnode.dev/my-validation-code-was-fine-it-just-never-ran?utm_source=hashnode&utm_medium=feed) [Mudassir Shahbaz](https://hashnode.com/@mianmudassir12) · [1d ago](https://hashnode.com/posts/how-to-add-a-contact-form-to-a-static-html-website/6af226a5e6ad4d985a1a528a) ### [How to Add a Contact Form to a Static HTML Website](https://mianmudassir12.hashnode.dev/how-to-add-a-contact-form-to-a-static-html-website?utm_source=hashnode&utm_medium=feed) Originally published on the Form Backend blog. This tutorial uses Form Backend as the hosted form endpoint; the same steps work with any hosted form backend that gives you an endpoint URL. A static HT 7 min read · [mianmudassir12.hashnode.dev](https://mianmudassir12.hashnode.dev/how-to-add-a-contact-form-to-a-static-html-website?utm_source=hashnode&utm_medium=feed) [PokerMagicShop](https://hashnode.com/@pokermagicshop) · [4d ago](https://hashnode.com/posts/check-rendered-heading-tree-every-breakpoint/6aeed8a6fb9e0d5c954ad9af) ### [Check the Rendered Heading Tree at Every Breakpoint](https://pokermagicshop.hashnode.dev/check-rendered-heading-tree-every-breakpoint?utm_source=hashnode&utm_medium=feed) Audit article headings at actual viewport widths with a read-only DOM probe, a saved breakpoint repair and explicit preview and public-check limits. 6 min read · [pokermagicshop.hashnode.dev](https://pokermagicshop.hashnode.dev/check-rendered-heading-tree-every-breakpoint?utm_source=hashnode&utm_medium=feed) [HtmlDrag](https://hashnode.com/@HtmlDrag) · [5d ago](https://hashnode.com/posts/how-to-edit-buttons-and-links-in-an-existing-html-page/6aedd418929a58dc6fee1f6e) ### [How to Edit Buttons and Links in an Existing HTML Page](https://htmldrag.hashnode.dev/how-to-edit-buttons-and-links-in-an-existing-html-page?utm_source=hashnode&utm_medium=feed) Edit buttons and links in an existing HTML page without coding. Update labels and URLs visually, then preview and check the destination. 14 min read · [htmldrag.hashnode.dev](https://htmldrag.hashnode.dev/how-to-edit-buttons-and-links-in-an-existing-html-page?utm_source=hashnode&utm_medium=feed) [Sastha Kl](https://hashnode.com/@sastha) · [5d ago](https://hashnode.com/posts/dont-lazy-load-the-image-people-see-first-web-hig-tip-15/6aed60c07e80dc89672b0370) ### [Don't lazy-load the image people see first (Web HIG tip #15)](https://thewebhig.hashnode.dev/dont-lazy-load-the-image-people-see-first-web-hig-tip-15?utm_source=hashnode&utm_medium=feed) Open your home page or a product page on a phone, on a slow connection. The headline and buttons show up, but the big hero image stays blank for a beat longer than everything else. Look at its markup 5 min read · [thewebhig.hashnode.dev](https://thewebhig.hashnode.dev/dont-lazy-load-the-image-people-see-first-web-hig-tip-15?utm_source=hashnode&utm_medium=feed) [Syed Fazle Rahman](https://hashnode.com/@fazlerocks) · [6d ago](https://hashnode.com/posts/html-in-canvas/6aec82e4dce36c6085de1b0e) ### [HTML-in-Canvas: what it is, how it works, and how to use it](https://buildful.ai/blog/html-in-canvas?utm_source=hashnode&utm_medium=feed) HTML-in-Canvas lets a canvas draw real HTML, and the text stays selectable, clickable and readable by screen readers. How it works, the code that runs in Chrome 157, which libraries broke, and where every browser stands. 20 min read · [buildful.ai](https://buildful.ai/blog/html-in-canvas?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/html-in-canvas/6aec82e4dce36c6085de1b0e)