{"id":4752,"date":"2026-04-05T21:12:29","date_gmt":"2026-04-05T15:42:29","guid":{"rendered":"https:\/\/itsupportwale.com\/blog\/html-guide\/"},"modified":"2026-04-05T21:12:29","modified_gmt":"2026-04-05T15:42:29","slug":"html-guide","status":"publish","type":"post","link":"https:\/\/itsupportwale.com\/blog\/html-guide\/","title":{"rendered":"html &#8211; Guide"},"content":{"rendered":"<p>HTTP\/2 200<br \/>\ncontent-type: text\/html; charset=UTF-8<br \/>\nvary: Accept-Encoding<br \/>\nserver: cloudflare<br \/>\ncf-ray: 892349823498234-SJC<br \/>\ncache-control: max-age=0, no-cache, no-store, must-revalidate<br \/>\nx-frame-options: DENY<br \/>\nx-xss-protection: 1; mode=block<br \/>\ncontent-security-policy: default-src &#8216;self&#8217;; script-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; &#8216;unsafe-eval&#8217; https:\/\/cdn.segment.com https:\/\/www.google-analytics.com; style-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; https:\/\/fonts.googleapis.com;<br \/>\nset-cookie: _session_id=89234jksdf89234; path=\/; expires=Tue, 19 Jan 2038 03:14:07 GMT; secure; HttpOnly; SameSite=Lax<br \/>\nstrict-transport-security: max-age=31536000; includeSubDomains; preload<br \/>\nx-content-type-options: nosniff<br \/>\ncontent-length: 842903<\/p>\n<p>Look at that <code>content-length<\/code>. Eight hundred and forty-two kilobytes. For a landing page. That isn&#8217;t the assets, mind you. That isn&#8217;t the high-resolution hero image of a diverse group of people staring at a whiteboard in a glass-walled office. That is the <strong>html<\/strong> document itself. A single text file. In 1994, I could fit the entire documentation for the CERN httpd server on a 1.44MB floppy disk with room to spare for a few MIDI files. Today, a developer who wasn&#8217;t even born when IE4 launched thinks it\u2019s acceptable to ship nearly a megabyte of angle brackets and serialized JSON state just to render a &#8220;Sign Up&#8221; button. <\/p>\n<p>The web is rotting. It\u2019s a slow, agonizing necrosis of the Document Object Model, driven by people who treat the browser like a garbage disposal for their over-engineered JavaScript abstractions. We\u2019ve traded the elegance of RFC 1866 for a bloated, &#8220;Living Standard&#8221; nightmare that changes every time a browser vendor wants to push a new proprietary API. <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d2a004c3e90\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d2a004c3e90\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#THE_INITIAL_INCISION_DISSECTING_THE_PAYLOAD\" >THE INITIAL INCISION: DISSECTING THE PAYLOAD<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#NECROSIS_OF_THE_SEMANTIC_STRUCTURE\" >NECROSIS OF THE SEMANTIC STRUCTURE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#TOXICOLOGY_REPORT_THE_POISONING_OF_THE_DOM\" >TOXICOLOGY REPORT: THE POISONING OF THE DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#ANCESTRAL_WISDOM_THE_PURITY_OF_RFC_1866_AND_HTML_32\" >ANCESTRAL WISDOM: THE PURITY OF RFC 1866 AND HTML 3.2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#PATHOLOGICAL_ANALYSIS_OF_THE_HEAD_SECTION\" >PATHOLOGICAL ANALYSIS OF THE HEAD SECTION<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#THE_RESURRECTION_PROTOCOL_STRIPPING_THE_FILTH\" >THE RESURRECTION PROTOCOL: STRIPPING THE FILTH<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/#Related_Articles\" >Related Articles<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"THE_INITIAL_INCISION_DISSECTING_THE_PAYLOAD\"><\/span>THE INITIAL INCISION: DISSECTING THE PAYLOAD<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let\u2019s lay them out on the cold steel table. On the left, a standard <code>index.html<\/code> from 1996, authored in a text editor that didn&#8217;t have &#8220;dark mode&#8221; because we worked in the dark anyway. On the right, a 2024 &#8220;Hello World&#8221; generated by a modern meta-framework.<\/p>\n<p><strong>1996 Index (214 bytes):<\/strong><\/p>\n<pre class=\"codehilite\"><code class=\"language-html\">&lt;!DOCTYPE HTML PUBLIC &quot;-\/\/IETF\/\/DTD HTML 2.0\/\/EN&quot;&gt;\n&lt;html&gt;\n&lt;head&gt;&lt;title&gt;The Archive&lt;\/title&gt;&lt;\/head&gt;\n&lt;body&gt;\n&lt;h1&gt;Welcome&lt;\/h1&gt;\n&lt;p&gt;This is a document. It loads in 14ms on a 28.8k modem.&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p><strong>2024 Index (842,903 bytes):<\/strong><br \/>\nA sprawling, unreadable mess of <code>&lt;div&gt;<\/code> tags nested thirty levels deep. A <code>&lt;body&gt;<\/code> tag that contains nothing but a <code>&lt;div id=\"root\"&gt;&lt;\/div&gt;<\/code> and a four-megabyte <code>&lt;script&gt;<\/code> tag that &#8220;hydrates&#8221; the page\u2014a fancy term for doing the work the server should have done in the first place. <\/p>\n<p>The hex dump of a modern page is a graveyard of redundant attributes. Look at this:<br \/>\n<code>44 61 74 61 2d 73 76 67 2d 69 64 3d 22 5f 31 32 33 34 35 22<\/code><br \/>\n<code>data-svg-id=\"_12345\"<\/code> repeated five hundred times. Why? Because some CSS-in-JS library needs a unique hook to inject a single line of styling that could have been a global class in 1998. We used to care about every byte. We used to worry about the MTU of a TCP packet. Now, we just assume everyone has a gigabit fiber connection and a 16-core CPU to parse the sheer volume of garbage we call <strong>html<\/strong>.<\/p>\n<p>The transition from HTML 2.0 (RFC 1866) to HTML 4.01 was the peak of the craft. We had a Document Type Definition (DTD). We had rules. If you didn&#8217;t close your tags, the parser would scream\u2014or at least, it should have. But we got soft. We allowed &#8220;quirks mode.&#8221; We let the browsers become &#8220;forgiving,&#8221; and in doing so, we invited the chaos that now defines the modern stack.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"NECROSIS_OF_THE_SEMANTIC_STRUCTURE\"><\/span>NECROSIS OF THE SEMANTIC STRUCTURE<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The <strong>html<\/strong> specification was intended to describe structure, not presentation. We had <code>&lt;header&gt;<\/code>, <code>&lt;main&gt;<\/code>, <code>&lt;footer&gt;<\/code>, <code>&lt;article&gt;<\/code>, and <code>&lt;section&gt;<\/code>. These were supposed to be the organs of the document. Instead, we are witnessing total organ failure. <\/p>\n<p>Modern web development has regressed to a state of &#8220;div-soup&#8221; that would make a 1997 Geocities page look like a masterpiece of architectural design. I\u2019ve seen production code where a simple navigation link is wrapped in six nested <code>&lt;div&gt;<\/code> tags, each with a generated class name like <code>css-17z9x0b<\/code>. <\/p>\n<pre class=\"codehilite\"><code class=\"language-html\">&lt;div class=&quot;Box-sc-18p077x-0 iVzXvR&quot;&gt;\n  &lt;div class=&quot;Flex-sc-177n1u6-0 hYvXvR&quot;&gt;\n    &lt;div class=&quot;Text-sc-177n1u6-0 gYvXvR&quot;&gt;\n      &lt;a href=&quot;\/home&quot;&gt;Home&lt;\/a&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>This is a failure of the highest order. It bypasses the browser&#8217;s built-in accessibility tree. It forces screen readers to navigate a labyrinth of meaningless containers. We had the <code>&lt;a&gt;<\/code> tag. It worked. It still works. But the modern developer is so terrified of the cascade in CSS that they encapsulate everything until the <strong>html<\/strong> is unrecognizable. <\/p>\n<p>The death of the <code>&lt;table&gt;<\/code> tag for layout was supposed to be a victory. We were told that CSS would save us. But look at what we replaced it with: Flexbox and Grid used to create the same rigid structures, but with ten times the markup. At least with a <code>&lt;table&gt;<\/code>, the browser knew it was rendering a grid. Now, it has to calculate the geometry of a thousand nested boxes, all because someone decided that <code>display: table<\/code> was &#8220;old-fashioned.&#8221;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"TOXICOLOGY_REPORT_THE_POISONING_OF_THE_DOM\"><\/span>TOXICOLOGY REPORT: THE POISONING OF THE DOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The Document Object Model (DOM) was never meant to be a high-frequency state machine. It was meant to represent a static document. When you inject a library that diffs a &#8220;Virtual DOM&#8221; and blasts updates into the real DOM sixty times a second, you aren&#8217;t &#8220;building a modern experience.&#8221; You are performing a denial-of-service attack on the user&#8217;s main thread.<\/p>\n<p>The toxicology report shows high levels of:<br \/>\n1. <strong>Script-Induced Latency:<\/strong> The browser cannot even begin to parse the <strong>html<\/strong> until the massive JavaScript bundles are downloaded, parsed, and executed. This is the &#8220;First Input Delay&#8221; that modern metrics try to hide.<br \/>\n2. <strong>Attribute Bloat:<\/strong> The use of <code>aria-*<\/code> attributes as a band-aid for poor semantic choices. If you used the correct <strong>html<\/strong> tags, you wouldn&#8217;t need to manually tell the browser that a <code>&lt;div&gt;<\/code> is actually a button.<br \/>\n3. <strong>Style Injection:<\/strong> CSS-in-JS libraries that vomit <code>&lt;style&gt;<\/code> tags into the <code>&lt;head&gt;<\/code> at runtime. This triggers a Flash of Unstyled Content (FOUC) or, worse, forces the browser to re-calculate the entire render tree every time a user hovers over a menu item.<\/p>\n<p>I remember the &#8220;Browser Wars.&#8221; I remember writing different code for Netscape 4.7 and IE 5.5. We used <code>document.layers<\/code> and <code>document.all<\/code>. It was a mess, but at least we were working with the grain of the platform. Today, we treat the browser as a mere runtime for a bloated JavaScript engine, ignoring the fact that the browser is already a highly optimized C++ engine designed specifically to parse and render <strong>html<\/strong>. We are building a slow emulator on top of a fast engine.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"ANCESTRAL_WISDOM_THE_PURITY_OF_RFC_1866_AND_HTML_32\"><\/span>ANCESTRAL WISDOM: THE PURITY OF RFC 1866 AND HTML 3.2<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We need to look back at HTML 3.2 (Wilbur). It was the last time the web felt like it belonged to the people who understood the protocols. It introduced tables, applets, and text flow around images, but it still respected the document. <\/p>\n<p>The transition to HTML 4.01 and then the ill-fated XHTML 1.0 was an attempt to bring rigor. We wanted the web to be XML-compliant. We wanted strict parsing. We wanted <code>application\/xhtml+xml<\/code>. But the industry chose the &#8220;Living Standard&#8221; instead\u2014a perpetual beta state where features are added based on what the Chrome team decides is best for their advertising business.<\/p>\n<p>The <strong>html<\/strong> tag itself has been stripped of its dignity. In the XHTML days, we had to define the namespace: <code>&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" xml:lang=\"en\"&gt;<\/code>. It was precise. It was valid. Now, we just throw <code>&lt;!DOCTYPE html&gt;<\/code> at the top and hope the browser&#8217;s error-correction logic can figure out the mess we\u2019ve made. <\/p>\n<p>We\u2019ve lost the concept of the &#8220;User Agent.&#8221; The browser is supposed to work for the user, not the developer. By shipping a document that is 90% script and 10% content, we are stripping the user of their agency. They can&#8217;t &#8220;View Source&#8221; and understand what&#8217;s happening. They can&#8217;t use a custom stylesheet. They are forced to consume the &#8220;experience&#8221; exactly as the framework intended, bloated and slow.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"PATHOLOGICAL_ANALYSIS_OF_THE_HEAD_SECTION\"><\/span>PATHOLOGICAL ANALYSIS OF THE HEAD SECTION<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The <code>&lt;head&gt;<\/code> of a modern <strong>html<\/strong> document is a dumpster fire. In 1995, you had a <code>&lt;title&gt;<\/code> and maybe a <code>&lt;meta name=\"description\"&gt;<\/code>. Today, the <code>&lt;head&gt;<\/code> is often larger than the entire body of a 1990s website.<\/p>\n<p>Look at this typical autopsy of a <code>&lt;head&gt;<\/code> section:<br \/>\n&#8211; 15 different <code>&lt;link rel=\"preload\"&gt;<\/code> tags for fonts that look exactly like Helvetica.<br \/>\n&#8211; 10 different <code>&lt;meta property=\"og:*\"&gt;<\/code> tags for social media crawlers that will never visit the site.<br \/>\n&#8211; 4 different tracking scripts (Google Analytics, Segment, Hotjar, Facebook Pixel) all fighting for the same CPU cycles.<br \/>\n&#8211; A massive block of JSON-LD for &#8220;Schema.org&#8221; because we don&#8217;t trust the browser to understand our <strong>html<\/strong> structure.<\/p>\n<p>The <code>entity encoding<\/code> alone is enough to drive a man to drink. We see <code>&amp;amp;<\/code> and <code>&amp;quot;<\/code> scattered like shrapnel through the document because the templating engine is too stupid to handle raw UTF-8 properly. We have forgotten that <strong>html<\/strong> is a text format. It is meant to be readable by humans and machines alike.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"THE_RESURRECTION_PROTOCOL_STRIPPING_THE_FILTH\"><\/span>THE RESURRECTION PROTOCOL: STRIPPING THE FILTH<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To save the web, we must return to the source. We must perform a total debridement of the modern stack. We must strip away the frameworks, the bundlers, the &#8220;utility-first&#8221; CSS, and the hydration logic. We must return to the pure, valid <strong>html<\/strong> document.<\/p>\n<p>A &#8220;Resurrected&#8221; document looks like this. It is valid HTML5, but it respects the constraints of the past. It uses zero external dependencies. It loads instantly. It is accessible by default. It is the pure essence of the web.<\/p>\n<pre class=\"codehilite\"><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;title&gt;The Resurrected Document&lt;\/title&gt;\n    &lt;style&gt;\n        body { \n            font-family: sans-serif; \n            line-height: 1.5; \n            max-width: 800px; \n            margin: 2rem auto; \n            padding: 0 1rem; \n            background: #f4f4f4; \n            color: #222; \n        }\n        header { border-bottom: 2px solid #222; margin-bottom: 2rem; }\n        nav ul { list-style: none; padding: 0; display: flex; gap: 1rem; }\n        main { background: #fff; padding: 2rem; border: 1px solid #ccc; }\n        footer { margin-top: 2rem; font-size: 0.8rem; text-align: center; }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;header&gt;\n        &lt;h1&gt;Digital Autopsy Report&lt;\/h1&gt;\n        &lt;nav&gt;\n            &lt;ul&gt;\n                &lt;li&gt;&lt;a href=&quot;#findings&quot;&gt;Findings&lt;\/a&gt;&lt;\/li&gt;\n                &lt;li&gt;&lt;a href=&quot;#prognosis&quot;&gt;Prognosis&lt;\/a&gt;&lt;\/li&gt;\n            &lt;\/ul&gt;\n        &lt;\/nav&gt;\n    &lt;\/header&gt;\n    &lt;main id=&quot;findings&quot;&gt;\n        &lt;h2&gt;Subject: The Modern Web&lt;\/h2&gt;\n        &lt;p&gt;The subject was found in a state of advanced decay. The &lt;strong&gt;html&lt;\/strong&gt; was bloated with unnecessary attributes and nested containers.&lt;\/p&gt;\n        &lt;section&gt;\n            &lt;h3&gt;Vital Signs&lt;\/h3&gt;\n            &lt;ul&gt;\n                &lt;li&gt;Content-Length: 1.2KB (Healthy)&lt;\/li&gt;\n                &lt;li&gt;External Requests: 0 (Optimal)&lt;\/li&gt;\n                &lt;li&gt;Semantic Integrity: High&lt;\/li&gt;\n            &lt;\/ul&gt;\n        &lt;\/section&gt;\n    &lt;\/main&gt;\n    &lt;footer&gt;\n        &lt;p&gt;Hand-coded in 2024. No frameworks were harmed in the making of this document.&lt;\/p&gt;\n    &lt;\/footer&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>This document is 1.2 kilobytes. It does everything the 842KB monster does, but better. It doesn&#8217;t need a build step. It doesn&#8217;t need <code>npm install<\/code>. It doesn&#8217;t need a &#8220;deployment pipeline.&#8221; You just upload it to a server and it works. It will work in Chrome 120, and it would have worked in Netscape 2.0 (with minor CSS degradation).<\/p>\n<p>The &#8220;Resurrection Protocol&#8221; requires us to stop thinking about &#8220;apps&#8221; and start thinking about &#8220;documents&#8221; again. The browser is a document viewer. When we try to turn it into a thin client for a centralized state machine, we lose the very thing that made the web revolutionary: the ability for anyone, anywhere, on any device, to access information without a 400ms &#8220;hydration&#8221; delay.<\/p>\n<p>We must reject the &#8220;Living Standard&#8221; that prioritizes &#8220;Web Bluetooth&#8221; and &#8220;Web USB&#8221; over the basic stability of the <code>&lt;a&gt;<\/code> tag. We must demand that our tools produce clean, readable <strong>html<\/strong>. If your framework generates a <code>&lt;div&gt;<\/code> where a <code>&lt;button&gt;<\/code> should be, throw it in the trash. If your build tool produces a 2MB bundle for a static page, delete it. <\/p>\n<p>The web isn&#8217;t dead yet, but it&#8217;s on the table, and the smell of rot is overwhelming. The only cure is a return to the fundamentals. The only cure is the raw, unadulterated power of a well-crafted <strong>html<\/strong> file. Write it by hand. Count your bytes. Respect the RFCs. Or get out of the way and let those of us who remember how to code finish the autopsy.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Related_Articles\"><\/span>Related Articles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Explore more insights and best practices:<\/p>\n<ul>\n<li><a href=\"https:\/\/itsupportwale.com\/blog\/top-devops-best-practices-for-faster-software-delivery\/\">Top Devops Best Practices For Faster Software Delivery<\/a><\/li>\n<li><a href=\"https:\/\/itsupportwale.com\/blog\/aws-best-practices-the-ultimate-guide-to-cloud-success\/\">Aws Best Practices The Ultimate Guide To Cloud Success<\/a><\/li>\n<li><a href=\"https:\/\/itsupportwale.com\/blog\/3-simple-ways-to-create-bootable-usb-in-ubuntu-linux\/\">3 Simple Ways To Create Bootable Usb In Ubuntu Linux<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>HTTP\/2 200 content-type: text\/html; charset=UTF-8 vary: Accept-Encoding server: cloudflare cf-ray: 892349823498234-SJC cache-control: max-age=0, no-cache, no-store, must-revalidate x-frame-options: DENY x-xss-protection: 1; mode=block content-security-policy: default-src &#8216;self&#8217;; script-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; &#8216;unsafe-eval&#8217; https:\/\/cdn.segment.com https:\/\/www.google-analytics.com; style-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; https:\/\/fonts.googleapis.com; set-cookie: _session_id=89234jksdf89234; path=\/; expires=Tue, 19 Jan 2038 03:14:07 GMT; secure; HttpOnly; SameSite=Lax strict-transport-security: max-age=31536000; includeSubDomains; preload x-content-type-options: nosniff content-length: 842903 Look &#8230; <a title=\"html &#8211; Guide\" class=\"read-more\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/\" aria-label=\"Read more  on html &#8211; Guide\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4752","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>html - Guide - ITSupportWale<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itsupportwale.com\/blog\/html-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"html - Guide - ITSupportWale\" \/>\n<meta property=\"og:description\" content=\"HTTP\/2 200 content-type: text\/html; charset=UTF-8 vary: Accept-Encoding server: cloudflare cf-ray: 892349823498234-SJC cache-control: max-age=0, no-cache, no-store, must-revalidate x-frame-options: DENY x-xss-protection: 1; mode=block content-security-policy: default-src &#8216;self&#8217;; script-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; &#8216;unsafe-eval&#8217; https:\/\/cdn.segment.com https:\/\/www.google-analytics.com; style-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; https:\/\/fonts.googleapis.com; set-cookie: _session_id=89234jksdf89234; path=\/; expires=Tue, 19 Jan 2038 03:14:07 GMT; secure; HttpOnly; SameSite=Lax strict-transport-security: max-age=31536000; includeSubDomains; preload x-content-type-options: nosniff content-length: 842903 Look ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itsupportwale.com\/blog\/html-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"ITSupportWale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Itsupportwale-298547177495978\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-05T15:42:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2021\/05\/android-chrome-512x512-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Techie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Techie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/\"},\"author\":{\"name\":\"Techie\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d\"},\"headline\":\"html &#8211; Guide\",\"datePublished\":\"2026-04-05T15:42:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/\"},\"wordCount\":1712,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/itsupportwale.com\/blog\/html-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/\",\"url\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/\",\"name\":\"html - Guide - ITSupportWale\",\"isPartOf\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#website\"},\"datePublished\":\"2026-04-05T15:42:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/itsupportwale.com\/blog\/html-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/html-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/itsupportwale.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"html &#8211; Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#website\",\"url\":\"https:\/\/itsupportwale.com\/blog\/\",\"name\":\"ITSupportWale\",\"description\":\"Tips, Tricks, Fixed-Errors, Tutorials &amp; Guides\",\"publisher\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/itsupportwale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#organization\",\"name\":\"itsupportwale\",\"url\":\"https:\/\/itsupportwale.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png\",\"contentUrl\":\"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png\",\"width\":1119,\"height\":144,\"caption\":\"itsupportwale\"},\"image\":{\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Itsupportwale-298547177495978\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d\",\"name\":\"Techie\",\"sameAs\":[\"https:\/\/itsupportwale.com\",\"iswblogadmin\"],\"url\":\"https:\/\/itsupportwale.com\/blog\/author\/iswblogadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"html - Guide - ITSupportWale","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itsupportwale.com\/blog\/html-guide\/","og_locale":"en_US","og_type":"article","og_title":"html - Guide - ITSupportWale","og_description":"HTTP\/2 200 content-type: text\/html; charset=UTF-8 vary: Accept-Encoding server: cloudflare cf-ray: 892349823498234-SJC cache-control: max-age=0, no-cache, no-store, must-revalidate x-frame-options: DENY x-xss-protection: 1; mode=block content-security-policy: default-src &#8216;self&#8217;; script-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; &#8216;unsafe-eval&#8217; https:\/\/cdn.segment.com https:\/\/www.google-analytics.com; style-src &#8216;self&#8217; &#8216;unsafe-inline&#8217; https:\/\/fonts.googleapis.com; set-cookie: _session_id=89234jksdf89234; path=\/; expires=Tue, 19 Jan 2038 03:14:07 GMT; secure; HttpOnly; SameSite=Lax strict-transport-security: max-age=31536000; includeSubDomains; preload x-content-type-options: nosniff content-length: 842903 Look ... Read more","og_url":"https:\/\/itsupportwale.com\/blog\/html-guide\/","og_site_name":"ITSupportWale","article_publisher":"https:\/\/www.facebook.com\/Itsupportwale-298547177495978","article_published_time":"2026-04-05T15:42:29+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2021\/05\/android-chrome-512x512-1.png","type":"image\/png"}],"author":"Techie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Techie","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/#article","isPartOf":{"@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/"},"author":{"name":"Techie","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d"},"headline":"html &#8211; Guide","datePublished":"2026-04-05T15:42:29+00:00","mainEntityOfPage":{"@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/"},"wordCount":1712,"commentCount":0,"publisher":{"@id":"https:\/\/itsupportwale.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/itsupportwale.com\/blog\/html-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/","url":"https:\/\/itsupportwale.com\/blog\/html-guide\/","name":"html - Guide - ITSupportWale","isPartOf":{"@id":"https:\/\/itsupportwale.com\/blog\/#website"},"datePublished":"2026-04-05T15:42:29+00:00","breadcrumb":{"@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itsupportwale.com\/blog\/html-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/itsupportwale.com\/blog\/html-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/itsupportwale.com\/blog\/"},{"@type":"ListItem","position":2,"name":"html &#8211; Guide"}]},{"@type":"WebSite","@id":"https:\/\/itsupportwale.com\/blog\/#website","url":"https:\/\/itsupportwale.com\/blog\/","name":"ITSupportWale","description":"Tips, Tricks, Fixed-Errors, Tutorials &amp; Guides","publisher":{"@id":"https:\/\/itsupportwale.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itsupportwale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/itsupportwale.com\/blog\/#organization","name":"itsupportwale","url":"https:\/\/itsupportwale.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png","contentUrl":"https:\/\/itsupportwale.com\/blog\/wp-content\/uploads\/2023\/09\/cropped-Logo-trans-without-slogan.png","width":1119,"height":144,"caption":"itsupportwale"},"image":{"@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Itsupportwale-298547177495978"]},{"@type":"Person","@id":"https:\/\/itsupportwale.com\/blog\/#\/schema\/person\/8c5a2b3d36396e0a8fd91ec8242fd46d","name":"Techie","sameAs":["https:\/\/itsupportwale.com","iswblogadmin"],"url":"https:\/\/itsupportwale.com\/blog\/author\/iswblogadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts\/4752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/comments?post=4752"}],"version-history":[{"count":0,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/posts\/4752\/revisions"}],"wp:attachment":[{"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/media?parent=4752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/categories?post=4752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsupportwale.com\/blog\/wp-json\/wp\/v2\/tags?post=4752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}