[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site-config":3,"topic:understanding-doctype-html5-boilerplate":6,"blog-categories":90,"course-tree":115},{"data":4},{"google_site_verification":5,"ga4_measurement_id":5,"site_name":5,"default_og_image":5,"twitter_handle":5},null,{"data":7},{"id":8,"title":9,"slug":10,"content":11,"course":12,"subcategory":15,"author":18,"reading_time_minutes":24,"cornerstone":25,"schema_type":26,"faq_json":5,"video_url":5,"canonical_url":27,"meta_title":28,"meta_description":29,"og_image":5,"toc_json":30,"code_examples":63,"quiz":5,"exercises":72,"published_at":5,"updated_at":81,"prev":82,"next":86},6,"Understanding the DOCTYPE & HTML5 Boilerplate","understanding-doctype-html5-boilerplate","\u003Ch2 id=\"understanding-the-doctype-html5-boilerplate\">Understanding the DOCTYPE &amp; HTML5 Boilerplate\u003C\u002Fh2>\u003Cp>Before writing any real project, every developer needs to understand the \u003Cstrong>HTML5 DOCTYPE\u003C\u002Fstrong> and how to structure a proper \u003Cstrong>HTML5 boilerplate\u003C\u002Fstrong> &mdash; the standard starter template used at the top of virtually every modern website.\u003C\u002Fp>\u003Ch3 id=\"what-is-the-doctype\">What Is the DOCTYPE?\u003C\u002Fh3>\u003Cp>The \u003Ccode>&lt;!DOCTYPE html&gt;\u003C\u002Fcode> declaration is the very first line of any HTML document. It is not an HTML tag &mdash; it's an instruction that tells the browser which version of HTML the page is written in, so the browser can render it in \u003Cstrong>standards mode\u003C\u002Fstrong> instead of outdated \u003Cstrong>quirks mode\u003C\u002Fstrong>.\u003C\u002Fp>\u003Cpre>\u003Ccode>&lt;!DOCTYPE html&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>This simple, short declaration is all that's required for HTML5 &mdash; unlike older HTML\u002FXHTML versions, which required long, complex DOCTYPE strings referencing external DTD files.\u003C\u002Fp>\u003Ch3 id=\"why-doctype-matters\">Why DOCTYPE Matters\u003C\u002Fh3>\u003Cul>\u003Cli>Prevents inconsistent rendering across different browsers.\u003C\u002Fli>\u003Cli>Activates CSS box-model standards mode.\u003C\u002Fli>\u003Cli>Required for valid, W3C-compliant HTML.\u003C\u002Fli>\u003Cli>Improves SEO crawlability and page rendering speed.\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"the-complete-html5-boilerplate\">The Complete HTML5 Boilerplate\u003C\u002Fh3>\u003Cp>A modern, production-ready HTML5 boilerplate looks like this:\u003C\u002Fp>\u003Cpre>\u003Ccode>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n  &lt;meta name=\"description\" content=\"A short, SEO-friendly page description\"&gt;\n  &lt;title&gt;Page Title&lt;\u002Ftitle&gt;\n  &lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;\n&lt;\u002Fhead&gt;\n&lt;body&gt;\n\n  &lt;script src=\"script.js\"&gt;&lt;\u002Fscript&gt;\n&lt;\u002Fbody&gt;\n&lt;\u002Fhtml&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3 id=\"breaking-down-every-line\">Breaking Down Every Line\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Ccode>&lt;!DOCTYPE html&gt;\u003C\u002Fcode> &mdash; declares HTML5 standards mode.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;html lang=\"en\"&gt;\u003C\u002Fcode> &mdash; sets the page language, important for SEO and screen readers.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta charset=\"UTF-8\"&gt;\u003C\u002Fcode> &mdash; ensures proper text encoding for all characters and emojis.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta name=\"viewport\"...&gt;\u003C\u002Fcode> &mdash; the single most important tag for \u003Cstrong>responsive design\u003C\u002Fstrong> and mobile-first development.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta name=\"description\"...&gt;\u003C\u002Fcode> &mdash; controls the snippet shown in Google search results (critical for SEO).\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;title&gt;\u003C\u002Fcode> &mdash; sets the browser tab title and is a major on-page SEO ranking factor.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;link rel=\"stylesheet\"&gt;\u003C\u002Fcode> &mdash; connects an external CSS file.\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;script src=\"script.js\"&gt;\u003C\u002Fcode> &mdash; placed at the end of \u003Ccode>&lt;body&gt;\u003C\u002Fcode> so it doesn't block page rendering (a modern performance best practice).\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"the-viewport-meta-tag-a-trending-must-know\">The Viewport Meta Tag: A Trending Must-Know\u003C\u002Fh3>\u003Cp>With mobile traffic now exceeding desktop traffic worldwide, the \u003Cstrong>viewport meta tag\u003C\u002Fstrong> is non-negotiable for any modern, responsive, mobile-first website:\u003C\u002Fp>\u003Cpre>\u003Ccode>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Without this tag, mobile browsers will render your page at desktop width and then shrink it &mdash; making text unreadable and layouts broken.\u003C\u002Fp>\u003Ch3 id=\"common-boilerplate-mistakes-to-avoid\">Common Boilerplate Mistakes to Avoid\u003C\u002Fh3>\u003Cul>\u003Cli>Forgetting the \u003Ccode>lang\u003C\u002Fcode> attribute on \u003Ccode>&lt;html&gt;\u003C\u002Fcode>.\u003C\u002Fli>\u003Cli>Missing the \u003Ccode>charset\u003C\u002Fcode> meta tag, causing encoding issues with special characters.\u003C\u002Fli>\u003Cli>Loading heavy JavaScript files in the \u003Ccode>&lt;head&gt;\u003C\u002Fcode> without \u003Ccode>defer\u003C\u002Fcode> or \u003Ccode>async\u003C\u002Fcode>, which blocks page rendering.\u003C\u002Fli>\u003Cli>Skipping the viewport tag, breaking mobile responsiveness.\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"key-takeaways\">Key Takeaways\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Ccode>&lt;!DOCTYPE html&gt;\u003C\u002Fcode> triggers standards mode rendering in HTML5.\u003C\u002Fli>\u003Cli>A proper boilerplate includes charset, viewport, title, and meta description.\u003C\u002Fli>\u003Cli>The viewport meta tag is essential for responsive, mobile-first design.\u003C\u002Fli>\u003Cli>Scripts should load at the end of \u003Ccode>&lt;body&gt;\u003C\u002Fcode> or use \u003Ccode>defer\u003C\u002Fcode>\u002F\u003Ccode>async\u003C\u002Fcode> for performance.\u003C\u002Fli>\u003C\u002Ful>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode>&lt;!DOCTYPE html&gt;\n&lt;html lang='en'&gt;\n&lt;head&gt;\n  &lt;meta charset='UTF-8'&gt;\n  &lt;meta name='viewport' content='width=device-width, initial-scale=1.0'&gt;\n  &lt;meta name='description' content='A modern HTML5 boilerplate example'&gt;\n  &lt;title&gt;My Modern Website&lt;\u002Ftitle&gt;\n&lt;\u002Fhead&gt;\n&lt;body&gt;\n  &lt;h1&gt;Hello, HTML5!&lt;\u002Fh1&gt;\n  &lt;script defer src='script.js'&gt;&lt;\u002Fscript&gt;\n&lt;\u002Fbody&gt;\n&lt;\u002Fhtml&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode>&lt;!-- Without viewport tag: broken on mobile --&gt;\n&lt;!-- With viewport tag: responsive and mobile-friendly --&gt;\n&lt;meta name='viewport' content='width=device-width, initial-scale=1.0'&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>",{"name":13,"slug":14},"HTML","html-tutorial",{"name":16,"slug":17},"HTML Fundamentals & Setup","html-fundamentals-setup",{"slug":19,"display_name":20,"job_title":5,"short_bio":5,"expertise_tags":21,"headshot":5,"long_bio":5,"credentials":5,"twitter_url":5,"linkedin_url":5,"github_url":5,"personal_website_url":5,"other_sameas_urls":5,"topics":22,"posts":23},"badar-khalil","Badar Khalil",[],[],[],2,false,"Article","https:\u002F\u002Fwpfsharp.com\u002Ftopics\u002Funderstanding-doctype-html5-boilerplate","DOCTYPE & HTML5 Boilerplate Explained (2026 Guide)","Understand the HTML5 DOCTYPE declaration and build a modern, SEO-ready, responsive HTML5 boilerplate template with viewport, meta tags, and best practices.",[31],{"id":32,"text":9,"level":24,"children":33},"understanding-the-doctype-html5-boilerplate",[34,39,43,47,51,55,59],{"id":35,"text":36,"level":37,"children":38},"what-is-the-doctype","What Is the DOCTYPE?",3,[],{"id":40,"text":41,"level":37,"children":42},"why-doctype-matters","Why DOCTYPE Matters",[],{"id":44,"text":45,"level":37,"children":46},"the-complete-html5-boilerplate","The Complete HTML5 Boilerplate",[],{"id":48,"text":49,"level":37,"children":50},"breaking-down-every-line","Breaking Down Every Line",[],{"id":52,"text":53,"level":37,"children":54},"the-viewport-meta-tag-a-trending-must-know","The Viewport Meta Tag: A Trending Must-Know",[],{"id":56,"text":57,"level":37,"children":58},"common-boilerplate-mistakes-to-avoid","Common Boilerplate Mistakes to Avoid",[],{"id":60,"text":61,"level":37,"children":62},"key-takeaways","Key Takeaways",[],[64,69],{"id":65,"language":66,"code":67,"is_editable":68},14,"html","\u003C!DOCTYPE html>\n\u003Chtml lang='en'>\n\u003Chead>\n  \u003Cmeta charset='UTF-8'>\n  \u003Cmeta name='viewport' content='width=device-width, initial-scale=1.0'>\n  \u003Cmeta name='description' content='A modern HTML5 boilerplate example'>\n  \u003Ctitle>My Modern Website\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Ch1>Hello, HTML5!\u003C\u002Fh1>\n  \u003Cscript defer src='script.js'>\u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",true,{"id":70,"language":66,"code":71,"is_editable":68},15,"\u003C!-- Without viewport tag: broken on mobile -->\n\u003C!-- With viewport tag: responsive and mobile-friendly -->\n\u003Cmeta name='viewport' content='width=device-width, initial-scale=1.0'>",[73],{"id":74,"title":75,"slug":76,"prompt":77,"starter_code":78,"expected_output":79,"language":66,"order_index":80},4,"Fix the Broken Boilerplate","fix-broken-boilerplate","The HTML5 boilerplate below is missing the DOCTYPE, charset, viewport meta tag, and lang attribute. Add all of them correctly.","\u003Chtml>\n\u003Chead>\n  \u003Ctitle>My Page\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Ch1>Welcome\u003C\u002Fh1>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>","",1,"2026-09-27T16:49:46+00:00",{"id":83,"slug":84,"title":85},5,"html-attributes-global-standard","HTML Attributes (Global & Standard)",{"id":87,"slug":88,"title":89},7,"html-headings-h1-h6-seo-best-practices","HTML Headings (H1–H6) & SEO Best Practices",{"data":91},[92,97,100,105,110],{"name":93,"slug":94,"description":95,"post_count":24,"subcategories":96},"CSS","css","Learn CSS with practical tutorials and examples covering layouts, Flexbox, Grid, responsive design, typography, positioning, animations, and more.",[],{"name":13,"slug":66,"description":98,"post_count":24,"subcategories":99},"Learn HTML with practical tutorials and examples for beginners. Explore HTML tags, elements, attributes, links, images, forms, semantic HTML, and more with clear explanations and real code examples.",[],{"name":101,"slug":102,"description":103,"post_count":80,"subcategories":104},"WPF","wpf","Learn WPF with practical tutorials and examples covering XAML, windows, controls, layouts, data binding, MVVM, commands, styles, templates, debugging, and modern WPF UI development.",[],{"name":106,"slug":107,"description":108,"post_count":80,"subcategories":109},"Python","python","Learn Python with practical tutorials covering strings, lists, functions, exceptions, files, packages, virtual environments, modules, classes, and beginner programming concepts.",[],{"name":111,"slug":112,"description":113,"post_count":80,"subcategories":114},"Java","java","Learn Java with practical tutorials and examples for beginners. Explore Java syntax, variables, data types, classes, objects, methods, inheritance, exceptions, collections, and more with clear explanations and real code examples.",[],{"data":116},[117],{"id":80,"name":13,"slug":14,"icon":5,"icon_url":5,"short_description":118,"meta_title":119,"meta_description":120,"og_image":121,"locale":122,"subcategories":123},"Welcome to our HTML Tutorial for Beginners, a complete guide designed to help you learn HTML from the ground up.\n\nHTML, which stands for HyperText Markup Language, is the standard language used to structure content on the web. Whether you want to become a web developer, build your own website, or continue learning CSS and JavaScript, understanding HTML is an essential first step.\n\nThis HTML course takes you through the fundamentals step by step, using simple explanations and practical examples. ","HTML Tutorial for Beginners - Learn HTML Step by Step","Learn HTML from scratch with our beginner-friendly HTML tutorial. Understand HTML tags, elements, forms, tables, links, images, semantic HTML and more with practical examples.","https:\u002F\u002Fwpfsharp.com\u002Fstorage\u002Fcourses\u002Fog\u002F01M2GK0XN45C0B937NF9XFAD4S.webp","en",[124,140,172,195,255,289,303,331,355,371],{"id":80,"name":16,"slug":17,"order_index":80,"topics":125},[126,129,132,135,138,139],{"id":24,"title":127,"slug":128,"order_index":80,"cornerstone":25,"reading_time_minutes":24},"HTML Editors & Environment Setup","html-editors-and-environment-setup",{"id":80,"title":130,"slug":131,"order_index":80,"cornerstone":25,"reading_time_minutes":80},"HTML Introduction & History","html-introduction-and-history",{"id":37,"title":133,"slug":134,"order_index":37,"cornerstone":25,"reading_time_minutes":24},"HTML Basic Syntax & Document Structure","html-basic-syntax-document-structure",{"id":74,"title":136,"slug":137,"order_index":74,"cornerstone":25,"reading_time_minutes":24},"HTML Elements & Tags Explained","html-elements-tags-explained",{"id":83,"title":85,"slug":84,"order_index":83,"cornerstone":25,"reading_time_minutes":24},{"id":8,"title":9,"slug":10,"order_index":8,"cornerstone":25,"reading_time_minutes":24},{"id":24,"name":141,"slug":142,"order_index":24,"topics":143},"Text & Content Basics","text-content-basics",[144,145,149,153,157,161,165,169],{"id":87,"title":89,"slug":88,"order_index":87,"cornerstone":25,"reading_time_minutes":24},{"id":146,"title":147,"slug":148,"order_index":146,"cornerstone":25,"reading_time_minutes":24},8,"HTML Paragraphs & Line Breaks","html-paragraphs-line-breaks",{"id":150,"title":151,"slug":152,"order_index":150,"cornerstone":25,"reading_time_minutes":80},9,"HTML Text Formatting (Bold, Italic, Mark, etc.)","html-text-formatting-bold-italic-mark",{"id":154,"title":155,"slug":156,"order_index":154,"cornerstone":25,"reading_time_minutes":24},10,"HTML Styles (Inline CSS Basics)","html-styles-inline-css-basics",{"id":158,"title":159,"slug":160,"order_index":158,"cornerstone":25,"reading_time_minutes":24},11,"HTML Quotations & Citations (blockquote, q, cite)","html-quotations-citations-blockquote-q-cite",{"id":162,"title":163,"slug":164,"order_index":162,"cornerstone":25,"reading_time_minutes":24},12,"HTML Comments (Best Practices)","html-comments-best-practices",{"id":166,"title":167,"slug":168,"order_index":166,"cornerstone":25,"reading_time_minutes":24},13,"HTML Colors (Names, HEX, RGB, HSL)","html-colors-names-hex-rgb-hsl",{"id":65,"title":170,"slug":171,"order_index":65,"cornerstone":25,"reading_time_minutes":24},"HTML & CSS Integration (Inline, Internal, External)","html-css-integration-inline-internal-external",{"id":37,"name":173,"slug":174,"order_index":37,"topics":175},"Links, Media & Navigation","links-media-navigation",[176,179,183,187,191],{"id":70,"title":177,"slug":178,"order_index":70,"cornerstone":25,"reading_time_minutes":24},"HTML Links (Anchor Tags & Hyperlinks)","html-links-anchor-tags-hyperlinks",{"id":180,"title":181,"slug":182,"order_index":180,"cornerstone":25,"reading_time_minutes":24},16,"HTML Images (Alt Text, Lazy Loading, Formats)","html-images-alt-text-lazy-loading-formats",{"id":184,"title":185,"slug":186,"order_index":184,"cornerstone":25,"reading_time_minutes":80},17,"HTML Favicon Setup","html-favicon-setup",{"id":188,"title":189,"slug":190,"order_index":188,"cornerstone":25,"reading_time_minutes":24},18,"HTML Page Title & Meta Tags (SEO Essentials)","html-page-title-meta-tags-seo-essentials",{"id":192,"title":193,"slug":194,"order_index":192,"cornerstone":25,"reading_time_minutes":24},19,"HTML File Paths (Absolute vs Relative)","html-file-paths-absolute-vs-relative",{"id":74,"name":196,"slug":197,"order_index":74,"topics":198},"Structuring Content","structuring-content",[199,204,209,214,219,223,227,231,235,239,243,247,251],{"id":200,"title":201,"slug":202,"order_index":203,"cornerstone":25,"reading_time_minutes":24},24,"HTML Tables Explained: Rows, Columns & Merging Cells","html-tables-rows-columns-merging-cells",20,{"id":205,"title":206,"slug":207,"order_index":208,"cornerstone":25,"reading_time_minutes":24},25,"HTML Lists: Ordered, Unordered & Description Lists","html-lists-ordered-unordered-description",21,{"id":210,"title":211,"slug":212,"order_index":213,"cornerstone":25,"reading_time_minutes":24},26,"HTML Block vs Inline Elements Explained","html-block-vs-inline-elements",22,{"id":215,"title":216,"slug":217,"order_index":218,"cornerstone":25,"reading_time_minutes":80},27,"HTML Div & Span: Generic Containers Explained","html-div-and-span-containers",23,{"id":220,"title":221,"slug":222,"order_index":200,"cornerstone":25,"reading_time_minutes":24},28,"HTML Classes vs ID: Selectors Explained","html-classes-vs-id-selectors-explained",{"id":224,"title":225,"slug":226,"order_index":205,"cornerstone":25,"reading_time_minutes":80},29,"HTML Iframes: Embedding External Content","html-iframes-embedding-content",{"id":228,"title":229,"slug":230,"order_index":210,"cornerstone":25,"reading_time_minutes":24},30,"HTML Head Element Deep Dive","html-head-element-deep-dive",{"id":232,"title":233,"slug":234,"order_index":215,"cornerstone":25,"reading_time_minutes":24},31,"HTML Layout Techniques: Header, Nav & Footer","html-layout-techniques-header-nav-footer",{"id":236,"title":237,"slug":238,"order_index":220,"cornerstone":25,"reading_time_minutes":24},32,"Responsive HTML Design: Mobile-First Approach","responsive-html-design-mobile-first-approach",{"id":240,"title":241,"slug":242,"order_index":240,"cornerstone":25,"reading_time_minutes":80},33,"HTML Emojis 😀: How to Use Them in Web Pages","html-emojis-trending-guide",{"id":244,"title":245,"slug":246,"order_index":244,"cornerstone":25,"reading_time_minutes":24},34,"HTML Character Sets: UTF-8 & Encoding Explained","html-character-sets-utf-8-encoding",{"id":248,"title":249,"slug":250,"order_index":248,"cornerstone":25,"reading_time_minutes":80},35,"HTML URL Encoding Explained","html-url-encoding-explained",{"id":252,"title":253,"slug":254,"order_index":252,"cornerstone":25,"reading_time_minutes":80},36,"HTML vs XHTML: Key Differences","html-vs-xhtml-key-differences",{"id":87,"name":256,"slug":257,"order_index":83,"topics":258},"Forms & User Input","forms-user-input",[259,264,269,274,279,284],{"id":260,"title":261,"slug":262,"order_index":263,"cornerstone":25,"reading_time_minutes":24},49,"HTML Forms Introduction","html-forms-introduction",37,{"id":265,"title":266,"slug":267,"order_index":268,"cornerstone":25,"reading_time_minutes":80},50,"HTML Form Attributes (action, method, etc.)","html-form-attributes-action-method",38,{"id":270,"title":271,"slug":272,"order_index":273,"cornerstone":25,"reading_time_minutes":80},51,"HTML Form Elements (input, select, textarea, button)","html-form-elements-input-select-textarea-button",39,{"id":275,"title":276,"slug":277,"order_index":278,"cornerstone":25,"reading_time_minutes":24},52,"HTML Input Types (Modern Types: email, date, color, range)","html-input-types-modern-email-date-color-range",40,{"id":280,"title":281,"slug":282,"order_index":283,"cornerstone":25,"reading_time_minutes":24},53,"HTML Input Attributes (required, placeholder, pattern)","html-input-attributes-required-placeholder-pattern",41,{"id":285,"title":286,"slug":287,"order_index":288,"cornerstone":25,"reading_time_minutes":24},54,"HTML Form Validation (Client-Side)","html-form-validation-client-side",42,{"id":146,"name":290,"slug":291,"order_index":8,"topics":292},"Graphics & Visuals","graphics-visuals",[293,298],{"id":294,"title":295,"slug":296,"order_index":297,"cornerstone":25,"reading_time_minutes":37},55,"HTML Canvas (2D Drawing API) 🔥","html-canvas-2d-drawing-api",43,{"id":299,"title":300,"slug":301,"order_index":302,"cornerstone":25,"reading_time_minutes":37},56,"HTML SVG (Scalable Vector Graphics)","html-svg-scalable-vector-graphics",44,{"id":150,"name":304,"slug":305,"order_index":87,"topics":306},"Multimedia","multimedia",[307,312,317,322,327],{"id":308,"title":309,"slug":310,"order_index":311,"cornerstone":25,"reading_time_minutes":24},57,"HTML Media Overview","html-media-overview",45,{"id":313,"title":314,"slug":315,"order_index":316,"cornerstone":25,"reading_time_minutes":24},58,"HTML Video Embedding (Native Player)","html-video-embedding-native-player",46,{"id":318,"title":319,"slug":320,"order_index":321,"cornerstone":25,"reading_time_minutes":24},59,"HTML Audio Embedding","html-audio-embedding",47,{"id":323,"title":324,"slug":325,"order_index":326,"cornerstone":25,"reading_time_minutes":24},60,"HTML Plug-ins (Object & Embed Tags)","html-plugins-object-embed-tags",48,{"id":328,"title":329,"slug":330,"order_index":260,"cornerstone":25,"reading_time_minutes":24},61,"Embedding YouTube Videos in HTML","embedding-youtube-videos-in-html",{"id":154,"name":332,"slug":333,"order_index":146,"topics":334},"HTML5 Web APIs (Advanced\u002FTrending)","html5-web-apis-advancedtrending",[335,339,343,347,351],{"id":336,"title":337,"slug":338,"order_index":265,"cornerstone":25,"reading_time_minutes":24},62,"HTML Geolocation API","html-geolocation-api",{"id":340,"title":341,"slug":342,"order_index":270,"cornerstone":25,"reading_time_minutes":24},63,"HTML Drag & Drop API","html-drag-and-drop-api",{"id":344,"title":345,"slug":346,"order_index":275,"cornerstone":25,"reading_time_minutes":24},64,"HTML Web Storage (localStorage & sessionStorage)","html-web-storage-localstorage-sessionstorage",{"id":348,"title":349,"slug":350,"order_index":280,"cornerstone":25,"reading_time_minutes":24},65,"HTML Web Workers (Background Processing)","html-web-workers-background-processing",{"id":352,"title":353,"slug":354,"order_index":285,"cornerstone":25,"reading_time_minutes":24},66,"HTML Server-Sent Events (SSE)","html-server-sent-events-sse",{"id":158,"name":356,"slug":357,"order_index":150,"topics":358},"Accessibility & Best Practices (High-Demand  Skill) �","accessibility-best-practices-high-demand-skill",[359,363,367],{"id":360,"title":361,"slug":362,"order_index":294,"cornerstone":25,"reading_time_minutes":24},67,"HTML Accessibility (ARIA, Screen Readers)","html-accessibility-aria-screen-readers",{"id":364,"title":365,"slug":366,"order_index":299,"cornerstone":25,"reading_time_minutes":24},68,"Writing Semantic & SEO-Friendly HTML","writing-semantic-and-seo-friendly-html",{"id":368,"title":369,"slug":370,"order_index":308,"cornerstone":25,"reading_time_minutes":24},69,"HTML Performance Optimization Basics","html-performance-optimization-basics",{"id":162,"name":372,"slug":373,"order_index":154,"topics":374},"Reference & Practice","reference-practice",[375,379],{"id":376,"title":377,"slug":378,"order_index":80,"cornerstone":25,"reading_time_minutes":24},70,"HTML Tag List (Full Reference)","html-tag-list-full-reference",{"id":380,"title":381,"slug":382,"order_index":24,"cornerstone":25,"reading_time_minutes":24},71,"HTML Global Attributes Reference","html-global-attributes-reference"]