{"id":318,"date":"2025-06-23T15:34:46","date_gmt":"2025-06-23T10:04:46","guid":{"rendered":"https:\/\/www.itvedant.com\/blog\/?p=318"},"modified":"2025-07-08T11:38:30","modified_gmt":"2025-07-08T06:08:30","slug":"what-is-the-correct-syntax-for-writing-doctype-in-html5-complete-guide","status":"publish","type":"post","link":"https:\/\/www.itvedant.com\/blog\/what-is-the-correct-syntax-for-writing-doctype-in-html5-complete-guide\/","title":{"rendered":"What Is the Correct Syntax for Writing DOCTYPE in HTML5? (Complete Guide)"},"content":{"rendered":"\n<p>Understanding the DOCTYPE declaration is a fundamental step for anyone learning HTML. Whether you&#8217;re a student starting in web development, an IT professional updating your skills, or a seasoned developer transitioning to HTML5, knowing <strong>what is the correct syntax for writing DOCTYPE in HTML5<\/strong> is essential for building well-structured, modern websites.<\/p>\n\n\n\n<p>In this article, we\u2019ll break down the correct HTML5 DOCTYPE syntax, its role in web development, how it compares to older versions, why it matters, and how it affects browser behaviour. We\u2019ll also explore common mistakes, real-world examples, and frequently asked questions to ensure you leave with complete clarity.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Introduction: What Is DOCTYPE in HTML?<\/strong><\/h2>\n\n\n\n<p>The &lt;!DOCTYPE&gt; declaration is the very first line in any HTML document. It is not an HTML tag but a directive to the browser, telling it which version of HTML the page is written in. This information helps the browser determine how to interpret and render the HTML code that follows.<\/p>\n\n\n\n<p>In modern web development, we use HTML5 \u2014 the latest version of the HyperText Markup Language. And with HTML5, the DOCTYPE syntax has been dramatically simplified.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Correct Syntax for Writing DOCTYPE in HTML5<\/strong><\/h2>\n\n\n\n<p>The correct and standard syntax for the HTML5 DOCTYPE declaration is:<\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Key Characteristics:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It is <strong>not case-sensitive<\/strong>, but by convention, it is written in <strong>lowercase<\/strong>.<\/li>\n\n\n\n<li>It does <strong>not<\/strong> include a URL or reference to a Document Type Definition (DTD).<\/li>\n\n\n\n<li>It is placed <strong>at the very top<\/strong> of the HTML document, above the &lt;html> tag and any other content (including comments or whitespace).<\/li>\n\n\n\n<li>It signals the browser to use <strong>standards mode<\/strong>, enabling consistent rendering across modern browsers.<\/li>\n<\/ul>\n\n\n\n<p>This one-line declaration replaced the longer, more complex DOCTYPE declarations used in previous versions of HTML and XHTML.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Is DOCTYPE Important?<\/strong><\/h2>\n\n\n\n<p>The primary role of the &lt;!DOCTYPE html&gt; declaration is to tell the browser to render the document using <strong>standards mode<\/strong>, rather than <strong>quirks mode<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Here\u2019s why this matters:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Standards Mode:<\/strong> The browser follows the current HTML and CSS specifications.<\/li>\n\n\n\n<li><strong>Quirks Mode:<\/strong> The browser emulates older, inconsistent behaviour for legacy web pages, leading to unpredictable layout and styling issues.<\/li>\n<\/ul>\n\n\n\n<p>Without a DOCTYPE, the browser may enter quirks mode, which can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Misinterpret CSS box models.<\/li>\n\n\n\n<li>Cause layout and spacing problems.<\/li>\n\n\n\n<li>Break JavaScript functionality in some cases.<\/li>\n\n\n\n<li>Lead to inconsistent behaviour across browsers.<\/li>\n<\/ul>\n\n\n\n<p>Using the correct DOCTYPE ensures your web page is interpreted and displayed correctly on all modern browsers.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Comparing HTML5 DOCTYPE with Older Versions<\/strong><\/h2>\n\n\n\n<p>Let\u2019s look at how DOCTYPE declarations have evolved.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>HTML5:<\/strong><\/h3>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clean and simple.<\/li>\n\n\n\n<li>No need to reference a DTD.<\/li>\n\n\n\n<li>Supports all modern HTML5 features.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>HTML 4.01 Strict:<\/strong><\/h3>\n\n\n\n<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01\/\/EN&#8221;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&#8220;http:\/\/www.w3.org\/TR\/html4\/strict.dtd&#8221;&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>HTML 4.01 Transitional:<\/strong><\/h3>\n\n\n\n<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8221;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&#8220;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8221;&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>XHTML 1.0 Strict:<\/strong><\/h3>\n\n\n\n<p>&lt;!DOCTYPE html PUBLIC &#8220;-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN&#8221;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&#8220;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd&#8221;&gt;<\/p>\n\n\n\n<p>As you can see, older versions of HTML require a long and detailed string, including a public identifier and a URL to the DTD. This was error-prone and confusing for beginners. HTML5 resolved this by introducing a <strong>single-line DOCTYPE<\/strong> that is easy to remember and universally accepted.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Where Should You Place the DOCTYPE?<\/strong><\/h2>\n\n\n\n<p>The &lt;!DOCTYPE html&gt; declaration must be the <strong>first line<\/strong> in your HTML file. It should appear <strong>before<\/strong> any &lt;html&gt;, &lt;meta&gt;, or &lt;head&gt; tags, and even before any comments or blank lines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Example of Correct Placement:<\/strong><\/h3>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;title&gt;HTML5 DOCTYPE Example&lt;\/title&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;h1&gt;Welcome to My Website&lt;\/h1&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<p>Placing anything (even a comment or whitespace) above the DOCTYPE can result in the browser switching to quirks mode.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Understanding Quirks Mode vs Standards Mode<\/strong><\/h2>\n\n\n\n<p>Modern browsers have three rendering modes:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Mode<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td><strong>Standards Mode<\/strong><\/td><td>HTML and CSS are interpreted using modern specifications.<\/td><\/tr><tr><td><strong>Quirks Mode<\/strong><\/td><td>Browser emulates outdated, pre-standard behaviors for compatibility.<\/td><\/tr><tr><td><strong>Almost Standards<\/strong><\/td><td>A middle ground \u2014 standards mode with some quirks, mainly in image sizing.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How is the mode triggered?<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>DOCTYPE Declaration<\/strong><\/td><td><strong>Rendering Mode<\/strong><\/td><\/tr><tr><td>&lt;!DOCTYPE html&gt;<\/td><td>Standards Mode<\/td><\/tr><tr><td>Missing DOCTYPE<\/td><td>Quirks Mode<\/td><\/tr><tr><td>Invalid or malformed DOCTYPE<\/td><td>Quirks or Almost Standards<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>To ensure a consistent layout and predictable behaviour, always use &lt;!DOCTYPE html&gt;.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Valid HTML5 Document Structure<\/strong><\/h2>\n\n\n\n<p>Here\u2019s what a minimal but valid HTML5 document should look like, including the correct DOCTYPE:<\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;title&gt;HTML5 Page&lt;\/title&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;h1&gt;This is a valid HTML5 document&lt;\/h1&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;With a properly declared DOCTYPE at the top.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<p>This structure ensures full compatibility across all modern web browsers and devices.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Common Mistakes with HTML5 DOCTYPE<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Mistake<\/strong><\/td><td><strong>Why It\u2019s Incorrect<\/strong><\/td><\/tr><tr><td>Using HTML4 or XHTML DOCTYPE with HTML5<\/td><td>Results in unnecessary complexity and potential incompatibility<\/td><\/tr><tr><td>Writing &lt;DOCTYPE html&gt; (missing !)<\/td><td>Invalid syntax; the browser may ignore the declaration<\/td><\/tr><tr><td>Using &lt;!DOCTYPE HTML&gt; in uppercase<\/td><td>Technically valid, but inconsistent with lowercase convention<\/td><\/tr><tr><td>Placing comments before DOCTYPE<\/td><td>Can trigger quirks mode in some browsers<\/td><\/tr><tr><td>Omitting DOCTYPE entirely<\/td><td>Forces the browser into quirks mode, leading to rendering issues<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Browser Support<\/strong><\/h2>\n\n\n\n<p>All modern browsers fully support the HTML5 DOCTYPE declaration:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Browser<\/strong><\/td><td><strong>Support for <\/strong><strong>&lt;!DOCTYPE html&gt;<\/strong><\/td><\/tr><tr><td>Google Chrome<\/td><td>Yes<\/td><\/tr><tr><td>Mozilla Firefox<\/td><td>Yes<\/td><\/tr><tr><td>Microsoft Edge<\/td><td>Yes<\/td><\/tr><tr><td>Apple Safari<\/td><td>Yes<\/td><\/tr><tr><td>Opera<\/td><td>Yes<\/td><\/tr><tr><td>Internet Explorer<\/td><td>Yes (from version 9 onwards)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Even legacy browsers like IE9 understand the simplified HTML5 DOCTYPE. For anything older, best practices already discourage support.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Best Practices for Using DOCTYPE in HTML5<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Always declare DOCTYPE<\/strong>: Never omit it from your HTML pages.<\/li>\n\n\n\n<li><strong>Use lowercase<\/strong>: Write &lt;!DOCTYPE html> in lowercase for consistency.<\/li>\n\n\n\n<li><strong>Place it first<\/strong>: It must be the first line in your HTML document.<\/li>\n\n\n\n<li><strong>Don\u2019t mix HTML versions<\/strong>: If you\u2019re using HTML5 syntax, the DOCTYPE must also be HTML5.<\/li>\n\n\n\n<li><strong>Validate your code<\/strong>: Use the<a href=\"https:\/\/validator.w3.org\/\"> W3C Validator<\/a> to ensure your markup is correct.<\/li>\n<\/ul>\n\n\n\n<p>Following these best practices ensures compatibility, clean rendering, and better page performance.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Real-World Benefits of Using Correct DOCTYPE Syntax<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Consistent Rendering Across Browsers<\/strong>: Pages look and behave the same regardless of the browser.<\/li>\n\n\n\n<li><strong>Better SEO and Crawlability<\/strong>: Clean, standards-compliant HTML helps search engines index your pages effectively.<\/li>\n\n\n\n<li><strong>Improved Accessibility<\/strong>: Screen readers and assistive tech work better with standards-based documents.<\/li>\n\n\n\n<li><strong>Efficient Debugging<\/strong>: Avoids layout issues caused by quirks mode or deprecated features.<\/li>\n\n\n\n<li><strong>Professional Code Quality<\/strong>: Clean and valid code reflects well on developers and improves maintainability.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frequently Asked Questions (FAQs)<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What is the correct DOCTYPE for HTML5?<\/strong><\/h3>\n\n\n\n<p>The correct DOCTYPE declaration for HTML5 is:<\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>This must be the first line of your HTML document to ensure standards-compliant rendering.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Is <\/strong><strong>&lt;!DOCTYPE html&gt;<\/strong><strong> case-sensitive?<\/strong><\/h3>\n\n\n\n<p>No, it is not case-sensitive. However, writing it in lowercase (&lt;!DOCTYPE html&gt;) is the recommended convention for consistency and readability.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I use the old DOCTYPE from HTML 4.01 in HTML5?<\/strong><\/h3>\n\n\n\n<p>Technically, browsers may still render the page, but it&#8217;s not recommended. Mixing HTML5 syntax with older DOCTYPE declarations can lead to inconsistent behaviour. Always use the correct HTML5 DOCTYPE for modern development.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What happens if I forget the DOCTYPE?<\/strong><\/h3>\n\n\n\n<p>If the DOCTYPE is missing, most browsers will enter quirks mode. This causes your page to render using outdated, non-standard rules, which can result in broken layouts, incorrect box model behaviour, and general compatibility issues.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why did HTML5 simplify the DOCTYPE?<\/strong><\/h3>\n\n\n\n<p>Previous DOCTYPEs were long, complex, and required referencing external DTDs. HTML5 introduced a simplified DOCTYPE to make it easier for developers and reduce the chance of errors. It also reflects HTML5&#8217;s goal of being more developer-friendly.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I put a comment before the DOCTYPE?<\/strong><\/h3>\n\n\n\n<p>No. The DOCTYPE declaration must be the very first thing in your HTML document. Any comments or whitespace before it may cause the browser to fall back to quirks mode.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Is the DOCTYPE required in HTML5?<\/strong><\/h3>\n\n\n\n<p>Yes. While browsers may attempt to render the page without it, omitting the DOCTYPE leads to rendering inconsistencies. To ensure standards mode and proper behaviour, the DOCTYPE is required and must be correct.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Does DOCTYPE affect CSS or JavaScript?<\/strong><\/h3>\n\n\n\n<p>Indirectly, yes. If your page is in quirks mode (due to a missing or incorrect DOCTYPE), the CSS box model may behave differently, and some JavaScript features may not function as expected. A proper DOCTYPE ensures that both CSS and JavaScript behave according to modern standards.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Understanding <strong>what is the correct syntax for writing DOCTYPE in HTML5<\/strong> is more than just a formatting rule \u2014 it\u2019s about building a solid foundation for any web project. The declaration &lt;!DOCTYPE html&gt; may look simple, but it plays a powerful role in how your webpage is interpreted, displayed, and interacted with.<\/p>\n\n\n\n<p>By placing it correctly and using it consistently, you ensure that your HTML documents are rendered in standard mode across all modern browsers. This leads to more reliable layouts, cleaner code, and better performance \u2014 all essential for a professional, SEO-optimized web presence.<\/p>\n\n\n\n<p>Always begin your HTML documents with the correct DOCTYPE, validate your code, and follow best practices. It\u2019s a small step that makes a big difference in the long run.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understanding the DOCTYPE declaration is a fundamental step for anyone learning HTML. Whether you&#8217;re a student starting in web development, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":389,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[6],"tags":[50,39,51,54,52,49,55,53],"class_list":["post-318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-doctype-syntax","tag-frontend-development","tag-html-doctype-example","tag-html-syntax-guide","tag-html5-basics","tag-html5-doctype","tag-learn-html","tag-web-development"],"_links":{"self":[{"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/posts\/318"}],"collection":[{"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":1,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions\/319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/media\/389"}],"wp:attachment":[{"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/media?parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/categories?post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itvedant.com\/blog\/wp-json\/wp\/v2\/tags?post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}