[{"data":1,"prerenderedAt":63},["Reactive",2],{"blog-post-markdown-subscript-superscript-complete-guide":3},{"slug":4,"title":5,"description":6,"excerpt":7,"date":8,"category":9,"author":10,"keywords":11,"readingMinutes":12,"html":13,"headings":14,"tools":61,"related":62},"markdown-subscript-superscript-complete-guide","Markdown Subscript and Superscript: Complete Guide for Scientific and Mathematical Notation","Master subscript and superscript formatting in Markdown for scientific notation, mathematical expressions, chemical formulas, and academic writing. Learn platform-specific implementations and HTML alternatives.","Subscript and superscript formatting in Markdown enables precise scientific notation, mathematical expressions, and academic documentation that requires elevated or lowered text positioning. While…","2025-09-04","Tutorial","Matthew Rathbone","markdown subscript, markdown superscript, scientific notation markdown, mathematical expressions markdown, chemical formulas markdown, academic writing markdown, markdown formatting",13,"\u003Cp>Subscript and superscript formatting in Markdown enables precise scientific notation, mathematical expressions, and academic documentation that requires elevated or lowered text positioning. While standard Markdown lacks native support for these formatting options, various platforms and extensions provide solutions that transform plain text into properly formatted scientific and mathematical content.\u003C/p>\n\u003Ch2 id=\"why-use-subscript-and-superscript\">Why Use Subscript and Superscript?\u003C/h2>\n\u003Cp>Subscript and superscript formatting provides essential capabilities for professional and academic writing:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Scientific Accuracy\u003C/strong>: Proper notation for chemical formulas (H₂O, CO₂) and mathematical expressions\u003C/li>\n\u003Cli>\u003Cstrong>Mathematical Expressions\u003C/strong>: Exponents, indices, and complex mathematical notation (x², aₙ)\u003C/li>\n\u003Cli>\u003Cstrong>Academic Standards\u003C/strong>: Citations, footnotes, and reference formatting that meets publication requirements\u003C/li>\n\u003Cli>\u003Cstrong>Technical Documentation\u003C/strong>: Software versioning, API endpoints, and technical specifications\u003C/li>\n\u003Cli>\u003Cstrong>Professional Presentation\u003C/strong>: Polished formatting that enhances document credibility\u003C/li>\n\u003C/ul>\n\u003Ch2 id=\"basic-subscript-and-superscript-concepts\">Basic Subscript and Superscript Concepts\u003C/h2>\n\u003Ch3 id=\"subscript-applications\">Subscript Applications\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Chemical formulas\u003C/strong>: H₂SO₄, C₆H₁₂O₆\u003C/li>\n\u003Cli>\u003Cstrong>Mathematical indices\u003C/strong>: aₙ, x₁, y₂\u003C/li>\n\u003Cli>\u003Cstrong>Variable subscripts\u003C/strong>: vₓ, aᵢ, tₖ\u003C/li>\n\u003Cli>\u003Cstrong>Molecular notation\u003C/strong>: CH₃CH₂OH\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"superscript-applications\">Superscript Applications\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Exponents\u003C/strong>: x², y³, z⁴\u003C/li>\n\u003Cli>\u003Cstrong>Ordinal numbers\u003C/strong>: 1st, 2nd, 3rd\u003C/li>\n\u003Cli>\u003Cstrong>References\u003C/strong>: Smith¹, Jones²\u003C/li>\n\u003Cli>\u003Cstrong>Unit notation\u003C/strong>: m², km³, s⁻¹\u003C/li>\n\u003C/ul>\n\u003Ch2 id=\"html-based-implementation-universal-support\">HTML-Based Implementation (Universal Support)\u003C/h2>\n\u003Ch3 id=\"basic-html-subscript-and-superscript\">Basic HTML Subscript and Superscript\u003C/h3>\n\u003Cp>The most reliable cross-platform approach uses HTML tags:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Subscript examples -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Water has the chemical formula H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Carbon dioxide is represented as CO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The mathematical sequence a\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> = a\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + (n-1)d\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Superscript examples -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The area formula is length × width = L\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Einstein's equation: E = mc\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>On the 25\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>th\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> of December\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"complex-scientific-notation\">Complex Scientific Notation\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Chemical equations -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Photosynthesis Equation:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>6CO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + 6H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O + light energy → C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>12\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + 6O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Mathematical expressions -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Quadratic Formula:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>x = (-b ± √(b\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> - 4ac)) / (2a)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Physical constants -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Physical Constants:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Speed of light: c = 3.0 × 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>8\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> m/s\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Planck's constant: h = 6.626 × 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-34\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> J⋅s\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Avogadro's number: N\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>A\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> = 6.022 × 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>23\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> mol\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Chemical nomenclature -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Organic Chemistry Examples:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Ethanol: CH\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>CH\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>OH or C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>5\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>OH\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Glucose: C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>12\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Caffeine: C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>8\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>10\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>N\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"platform-specific-implementations\">Platform-Specific Implementations\u003C/h2>\n\u003Ch3 id=\"github-flavored-markdown\">GitHub Flavored Markdown\u003C/h3>\n\u003Cp>GitHub supports HTML subscript and superscript tags within Markdown:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-section\">## Chemical Reactions\u003C/span>\n\nThe combustion of methane can be represented as:\n\nCH\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>4\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span> + 2O\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span> → CO\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span> + 2H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O\n\n\u003Cspan class=\"hljs-section\">## Mathematical Expressions\u003C/span>\n\nThe Pythagorean theorem states that a\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span> + b\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span> = c\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\n\u003Cspan class=\"hljs-section\">## Scientific Notation\u003C/span>\n\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Oxygen: O\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Carbon monoxide: CO\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Sulfuric acid: H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>SO\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>4\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Water molecules per mole: 6.022 × 10\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>23\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"gitlab-markdown-support\">GitLab Markdown Support\u003C/h3>\n\u003Cp>GitLab processes HTML tags similarly to GitHub:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-section\">### Physics Formulas\u003C/span>\n\n\u003Cspan class=\"hljs-strong\">**Kinetic Energy:**\u003C/span>\nKE = ½mv\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\n\u003Cspan class=\"hljs-strong\">**Gravitational Force:**\u003C/span>\nF = Gm\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>1\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>m\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>/r\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\n\u003Cspan class=\"hljs-strong\">**Wave Equation:**\u003C/span>\nc = fλ where c = 3.0 × 10\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>8\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span> m/s\n\n\u003Cspan class=\"hljs-section\">### Chemistry Examples\u003C/span>\n\n\u003Cspan class=\"hljs-strong\">**Acid-Base Reactions:**\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Hydrochloric acid: HCl\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Sodium hydroxide: NaOH  \n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Salt formation: HCl + NaOH → NaCl + H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O\n\u003C/code>\u003C/pre>\u003Ch3 id=\"obsidian-extended-syntax\">Obsidian Extended Syntax\u003C/h3>\n\u003Cp>Obsidian supports both HTML tags and limited extended syntax:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\"><!-- HTML approach (recommended) -->\nThe molecular formula for glucose is C\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>6\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>12\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>6\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>\n\n<!-- Mathematical expressions -->\nThe area of a circle is πr\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\n<!-- Academic citations -->\nAccording to recent research\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>1\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>, the effectiveness increased by 23%.\n\n\u003Cspan class=\"hljs-section\">### References\u003C/span>\n\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>1\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span> Smith, J. (2024). \u003Cspan class=\"hljs-emphasis\">*Advances in Molecular Biology*\u003C/span>. Academic Press.\n\u003C/code>\u003C/pre>\u003Ch3 id=\"notion-formula-blocks\">Notion Formula Blocks\u003C/h3>\n\u003Cp>Notion handles subscript and superscript through formula blocks:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\"><!-- Notion inline formulas (when exported to Markdown) -->\nThe chemical formula for water is H₂O\n\nEinstein's famous equation: E = mc²\n\n<!-- Notion block formulas for complex expressions -->\nQuadratic formula: x = (-b ± √(b² - 4ac)) / (2a)\n\u003C/code>\u003C/pre>\u003Ch3 id=\"jupyter-notebook-support\">Jupyter Notebook Support\u003C/h3>\n\u003Cp>Jupyter notebooks support HTML tags and LaTeX rendering:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-section\">## Mathematical Notation in Jupyter\u003C/span>\n\n\u003Cspan class=\"hljs-section\">### HTML Approach\u003C/span>\nThe derivative of x\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>n\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span> is nx\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>n-1\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003C/span>\n\n\u003Cspan class=\"hljs-section\">### LaTeX Approach (for math cells)\u003C/span>\n\u003Cspan class=\"hljs-code\">```latex\n$$\\frac{d}{dx}x^n = nx^{n-1}$$\n```\u003C/span>\n\n\u003Cspan class=\"hljs-section\">### Chemical Formulas\u003C/span>\nPhotosynthesis: 6CO\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span> + 6H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O → C\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>6\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>H\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>12\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>6\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span> + 6O\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"advanced-formatting-techniques\">Advanced Formatting Techniques\u003C/h2>\n\u003Ch3 id=\"nested-subscripts-and-superscripts\">Nested Subscripts and Superscripts\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Complex chemical formulas -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Aluminum sulfate: Al\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>(SO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Calcium phosphate: Ca\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>(PO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Mathematical expressions with multiple levels -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Matrix notation: A\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>i,j\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>(k)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> represents element (i,j) in matrix k\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Tensor notation: T\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>μν\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>αβ\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Complex physics equations -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Schrödinger equation: iℏ ∂/∂t |ψ⟩ = Ĥ|ψ⟩\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Where ℏ = h/(2π) = 1.055 × 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-34\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> J⋅s\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"scientific-unit-formatting\">Scientific Unit Formatting\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Physical units with proper formatting -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>SI Base Units:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Length: meter (m)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Mass: kilogram (kg)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>  \n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Time: second (s)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Electric current: ampere (A)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Temperature: kelvin (K)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Amount of substance: mole (mol)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Luminous intensity: candela (cd)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Derived Units:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Area: m\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Volume: m\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Velocity: m⋅s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> or m/s\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Acceleration: m⋅s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> or m/s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Force: kg⋅m⋅s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> (Newton, N)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Energy: kg⋅m\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>⋅s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> (Joule, J)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Power: kg⋅m\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>⋅s\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> (Watt, W)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"academic-citation-formatting\">Academic Citation Formatting\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Academic reference styles -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Research Findings:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Studies show significant correlation between variables\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>1,2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>. \nRecent meta-analysis\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> confirms these findings with 95% confidence interval.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The experimental results (n=150)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> demonstrate clear statistical significance \n(p < 0.001)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>5\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>References\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ol\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Johnson, M. et al. (2024). "Statistical Analysis Methods." \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Journal of Data Science\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 15(3), 245-267.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Smith, R. & Brown, K. (2023). "Correlation Studies in Modern Research." \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Academic Review\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 8(2), 123-145.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Wilson, P. (2024). "Meta-Analysis of Statistical Methods: A Comprehensive Review." \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Statistical Methods Quarterly\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 12(4), 89-112.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Davis, L. et al. (2024). "Experimental Design and Implementation." \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Research Methodology\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 20(1), 34-56.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Taylor, S. (2024). "Statistical Significance in Modern Research." \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Data Analysis Today\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 7(3), 178-190.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ol\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"css-styling-for-enhanced-presentation\">CSS Styling for Enhanced Presentation\u003C/h2>\n\u003Ch3 id=\"custom-subscript-and-superscript-styling\">Custom Subscript and Superscript Styling\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-css\">\u003Cspan class=\"hljs-comment\">/* Enhanced subscript and superscript styling */\u003C/span>\nsub, \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.75em\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">line-height\u003C/span>: \u003Cspan class=\"hljs-number\">0\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">position\u003C/span>: relative;\n  \u003Cspan class=\"hljs-attribute\">vertical-align\u003C/span>: baseline;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Subscript positioning */\u003C/span>\nsub {\n  \u003Cspan class=\"hljs-attribute\">bottom\u003C/span>: -\u003Cspan class=\"hljs-number\">0.25em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Superscript positioning */\u003C/span>\n\u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">top\u003C/span>: -\u003Cspan class=\"hljs-number\">0.5em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Improved readability for scientific content */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.scientific-notation\u003C/span> sub,\n\u003Cspan class=\"hljs-selector-class\">.scientific-notation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.8em\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">font-weight\u003C/span>: normal;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Chemical formula styling */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.chemical-formula\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">font-family\u003C/span>: \u003Cspan class=\"hljs-string\">'Times New Roman'\u003C/span>, serif;\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">1.1em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-selector-class\">.chemical-formula\u003C/span> sub {\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.7em\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">bottom\u003C/span>: -\u003Cspan class=\"hljs-number\">0.2em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Mathematical expression styling */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.math-expression\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">font-family\u003C/span>: \u003Cspan class=\"hljs-string\">'Computer Modern'\u003C/span>, \u003Cspan class=\"hljs-string\">'Times New Roman'\u003C/span>, serif;\n  \u003Cspan class=\"hljs-attribute\">font-style\u003C/span>: italic;\n}\n\n\u003Cspan class=\"hljs-selector-class\">.math-expression\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.75em\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">top\u003C/span>: -\u003Cspan class=\"hljs-number\">0.4em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-selector-class\">.math-expression\u003C/span> sub {\n  \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.75em\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">bottom\u003C/span>: -\u003Cspan class=\"hljs-number\">0.2em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Academic citation styling */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#0066cc\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">text-decoration\u003C/span>: none;\n  \u003Cspan class=\"hljs-attribute\">font-weight\u003C/span>: bold;\n  \u003Cspan class=\"hljs-attribute\">cursor\u003C/span>: pointer;\n}\n\n\u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span>\u003Cspan class=\"hljs-selector-pseudo\">:hover\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#004499\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">text-decoration\u003C/span>: underline;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Responsive adjustments */\u003C/span>\n\u003Cspan class=\"hljs-keyword\">@media\u003C/span> (\u003Cspan class=\"hljs-attribute\">max-width\u003C/span>: \u003Cspan class=\"hljs-number\">768px\u003C/span>) {\n  sub, \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.8em\u003C/span>;\n  }\n  \n  \u003Cspan class=\"hljs-selector-class\">.scientific-notation\u003C/span> sub,\n  \u003Cspan class=\"hljs-selector-class\">.scientific-notation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">font-size\u003C/span>: \u003Cspan class=\"hljs-number\">0.85em\u003C/span>;\n  }\n}\n\u003C/code>\u003C/pre>\u003Ch3 id=\"dark-mode-optimization\">Dark Mode Optimization\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-css\">\u003Cspan class=\"hljs-comment\">/* Dark mode support for scientific content */\u003C/span>\n\u003Cspan class=\"hljs-keyword\">@media\u003C/span> (\u003Cspan class=\"hljs-attribute\">prefers-color-scheme\u003C/span>: dark) {\n  \u003Cspan class=\"hljs-selector-class\">.chemical-formula\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#e8e8e8\u003C/span>;\n  }\n  \n  \u003Cspan class=\"hljs-selector-class\">.math-expression\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#f0f0f0\u003C/span>;\n  }\n  \n  \u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#66b3ff\u003C/span>;\n  }\n  \n  \u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span>\u003Cspan class=\"hljs-selector-pseudo\">:hover\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">color\u003C/span>: \u003Cspan class=\"hljs-number\">#99ccff\u003C/span>;\n  }\n}\n\n\u003Cspan class=\"hljs-comment\">/* High contrast mode support */\u003C/span>\n\u003Cspan class=\"hljs-keyword\">@media\u003C/span> (\u003Cspan class=\"hljs-attribute\">prefers-contrast\u003C/span>: high) {\n  sub, \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">font-weight\u003C/span>: bold;\n  }\n  \n  \u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">border-bottom\u003C/span>: \u003Cspan class=\"hljs-number\">1px\u003C/span> solid currentColor;\n  }\n}\n\u003C/code>\u003C/pre>\u003Ch2 id=\"javascript-enhancement-for-interactive-content\">JavaScript Enhancement for Interactive Content\u003C/h2>\n\u003Ch3 id=\"dynamic-citation-tooltips\">Dynamic Citation Tooltips\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-javascript\">\u003Cspan class=\"hljs-comment\">// Enhanced citation system with tooltips\u003C/span>\n\u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">addEventListener\u003C/span>(\u003Cspan class=\"hljs-string\">'DOMContentLoaded'\u003C/span>, \u003Cspan class=\"hljs-keyword\">function\u003C/span>(\u003Cspan class=\"hljs-params\">\u003C/span>) {\n    \u003Cspan class=\"hljs-comment\">// Create citation tooltip system\u003C/span>\n    \u003Cspan class=\"hljs-keyword\">const\u003C/span> citations = \u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">querySelectorAll\u003C/span>(\u003Cspan class=\"hljs-string\">'.citation sup'\u003C/span>);\n    \n    citations.\u003Cspan class=\"hljs-title function_\">forEach\u003C/span>(\u003Cspan class=\"hljs-function\">\u003Cspan class=\"hljs-params\">citation\u003C/span> =>\u003C/span> {\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> citationNumber = citation.\u003Cspan class=\"hljs-property\">textContent\u003C/span>;\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> referenceElement = \u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">querySelector\u003C/span>(\u003Cspan class=\"hljs-string\">`#ref-\u003Cspan class=\"hljs-subst\">${citationNumber}\u003C/span>`\u003C/span>);\n        \n        \u003Cspan class=\"hljs-keyword\">if\u003C/span> (referenceElement) {\n            \u003Cspan class=\"hljs-comment\">// Create tooltip\u003C/span>\n            \u003Cspan class=\"hljs-keyword\">const\u003C/span> tooltip = \u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">createElement\u003C/span>(\u003Cspan class=\"hljs-string\">'div'\u003C/span>);\n            tooltip.\u003Cspan class=\"hljs-property\">className\u003C/span> = \u003Cspan class=\"hljs-string\">'citation-tooltip'\u003C/span>;\n            tooltip.\u003Cspan class=\"hljs-property\">innerHTML\u003C/span> = referenceElement.\u003Cspan class=\"hljs-property\">innerHTML\u003C/span>;\n            tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">cssText\u003C/span> = \u003Cspan class=\"hljs-string\">`\n                position: absolute;\n                background: #333;\n                color: white;\n                padding: 8px 12px;\n                border-radius: 4px;\n                font-size: 0.9em;\n                max-width: 300px;\n                z-index: 1000;\n                visibility: hidden;\n                opacity: 0;\n                transition: all 0.3s ease;\n                box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n            `\u003C/span>;\n            \n            \u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-property\">body\u003C/span>.\u003Cspan class=\"hljs-title function_\">appendChild\u003C/span>(tooltip);\n            \n            \u003Cspan class=\"hljs-comment\">// Show tooltip on hover\u003C/span>\n            citation.\u003Cspan class=\"hljs-title function_\">addEventListener\u003C/span>(\u003Cspan class=\"hljs-string\">'mouseenter'\u003C/span>, \u003Cspan class=\"hljs-keyword\">function\u003C/span>(\u003Cspan class=\"hljs-params\">e\u003C/span>) {\n                \u003Cspan class=\"hljs-keyword\">const\u003C/span> rect = citation.\u003Cspan class=\"hljs-title function_\">getBoundingClientRect\u003C/span>();\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">left\u003C/span> = rect.\u003Cspan class=\"hljs-property\">left\u003C/span> + \u003Cspan class=\"hljs-string\">'px'\u003C/span>;\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">top\u003C/span> = (rect.\u003Cspan class=\"hljs-property\">bottom\u003C/span> + \u003Cspan class=\"hljs-number\">5\u003C/span>) + \u003Cspan class=\"hljs-string\">'px'\u003C/span>;\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">visibility\u003C/span> = \u003Cspan class=\"hljs-string\">'visible'\u003C/span>;\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">opacity\u003C/span> = \u003Cspan class=\"hljs-string\">'1'\u003C/span>;\n            });\n            \n            \u003Cspan class=\"hljs-comment\">// Hide tooltip\u003C/span>\n            citation.\u003Cspan class=\"hljs-title function_\">addEventListener\u003C/span>(\u003Cspan class=\"hljs-string\">'mouseleave'\u003C/span>, \u003Cspan class=\"hljs-keyword\">function\u003C/span>(\u003Cspan class=\"hljs-params\">\u003C/span>) {\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">visibility\u003C/span> = \u003Cspan class=\"hljs-string\">'hidden'\u003C/span>;\n                tooltip.\u003Cspan class=\"hljs-property\">style\u003C/span>.\u003Cspan class=\"hljs-property\">opacity\u003C/span> = \u003Cspan class=\"hljs-string\">'0'\u003C/span>;\n            });\n            \n            \u003Cspan class=\"hljs-comment\">// Click to scroll to reference\u003C/span>\n            citation.\u003Cspan class=\"hljs-title function_\">addEventListener\u003C/span>(\u003Cspan class=\"hljs-string\">'click'\u003C/span>, \u003Cspan class=\"hljs-keyword\">function\u003C/span>(\u003Cspan class=\"hljs-params\">e\u003C/span>) {\n                e.\u003Cspan class=\"hljs-title function_\">preventDefault\u003C/span>();\n                referenceElement.\u003Cspan class=\"hljs-title function_\">scrollIntoView\u003C/span>({ \n                    \u003Cspan class=\"hljs-attr\">behavior\u003C/span>: \u003Cspan class=\"hljs-string\">'smooth'\u003C/span>,\n                    \u003Cspan class=\"hljs-attr\">block\u003C/span>: \u003Cspan class=\"hljs-string\">'center'\u003C/span>\n                });\n            });\n        }\n    });\n});\n\u003C/code>\u003C/pre>\u003Ch3 id=\"chemical-formula-validation\">Chemical Formula Validation\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-javascript\">\u003Cspan class=\"hljs-comment\">// Chemical formula syntax validation\u003C/span>\n\u003Cspan class=\"hljs-keyword\">class\u003C/span> \u003Cspan class=\"hljs-title class_\">ChemicalFormulaValidator\u003C/span> {\n    \u003Cspan class=\"hljs-title function_\">constructor\u003C/span>(\u003Cspan class=\"hljs-params\">\u003C/span>) {\n        \u003Cspan class=\"hljs-variable language_\">this\u003C/span>.\u003Cspan class=\"hljs-property\">elements\u003C/span> = [\n            \u003Cspan class=\"hljs-string\">'H'\u003C/span>, \u003Cspan class=\"hljs-string\">'He'\u003C/span>, \u003Cspan class=\"hljs-string\">'Li'\u003C/span>, \u003Cspan class=\"hljs-string\">'Be'\u003C/span>, \u003Cspan class=\"hljs-string\">'B'\u003C/span>, \u003Cspan class=\"hljs-string\">'C'\u003C/span>, \u003Cspan class=\"hljs-string\">'N'\u003C/span>, \u003Cspan class=\"hljs-string\">'O'\u003C/span>, \u003Cspan class=\"hljs-string\">'F'\u003C/span>, \u003Cspan class=\"hljs-string\">'Ne'\u003C/span>,\n            \u003Cspan class=\"hljs-string\">'Na'\u003C/span>, \u003Cspan class=\"hljs-string\">'Mg'\u003C/span>, \u003Cspan class=\"hljs-string\">'Al'\u003C/span>, \u003Cspan class=\"hljs-string\">'Si'\u003C/span>, \u003Cspan class=\"hljs-string\">'P'\u003C/span>, \u003Cspan class=\"hljs-string\">'S'\u003C/span>, \u003Cspan class=\"hljs-string\">'Cl'\u003C/span>, \u003Cspan class=\"hljs-string\">'Ar'\u003C/span>, \u003Cspan class=\"hljs-string\">'K'\u003C/span>, \u003Cspan class=\"hljs-string\">'Ca'\u003C/span>,\n            \u003Cspan class=\"hljs-comment\">// Add more elements as needed\u003C/span>\n        ];\n    }\n    \n    \u003Cspan class=\"hljs-title function_\">validateFormula\u003C/span>(\u003Cspan class=\"hljs-params\">formula\u003C/span>) {\n        \u003Cspan class=\"hljs-comment\">// Remove HTML tags for validation\u003C/span>\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> cleanFormula = formula.\u003Cspan class=\"hljs-title function_\">replace\u003C/span>(\u003Cspan class=\"hljs-regexp\">/<[^>]*>/g\u003C/span>, \u003Cspan class=\"hljs-string\">''\u003C/span>);\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> errors = [];\n        \n        \u003Cspan class=\"hljs-comment\">// Check for valid element symbols\u003C/span>\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> elementPattern = \u003Cspan class=\"hljs-regexp\">/[A-Z][a-z]?/g\u003C/span>;\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> foundElements = cleanFormula.\u003Cspan class=\"hljs-title function_\">match\u003C/span>(elementPattern) || [];\n        \n        foundElements.\u003Cspan class=\"hljs-title function_\">forEach\u003C/span>(\u003Cspan class=\"hljs-function\">\u003Cspan class=\"hljs-params\">element\u003C/span> =>\u003C/span> {\n            \u003Cspan class=\"hljs-keyword\">if\u003C/span> (!\u003Cspan class=\"hljs-variable language_\">this\u003C/span>.\u003Cspan class=\"hljs-property\">elements\u003C/span>.\u003Cspan class=\"hljs-title function_\">includes\u003C/span>(element)) {\n                errors.\u003Cspan class=\"hljs-title function_\">push\u003C/span>(\u003Cspan class=\"hljs-string\">`Unknown element: \u003Cspan class=\"hljs-subst\">${element}\u003C/span>`\u003C/span>);\n            }\n        });\n        \n        \u003Cspan class=\"hljs-comment\">// Check for balanced parentheses\u003C/span>\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> parenCount = (cleanFormula.\u003Cspan class=\"hljs-title function_\">match\u003C/span>(\u003Cspan class=\"hljs-regexp\">/\\(/g\u003C/span>) || []).\u003Cspan class=\"hljs-property\">length\u003C/span>;\n        \u003Cspan class=\"hljs-keyword\">const\u003C/span> closeParenCount = (cleanFormula.\u003Cspan class=\"hljs-title function_\">match\u003C/span>(\u003Cspan class=\"hljs-regexp\">/\\)/g\u003C/span>) || []).\u003Cspan class=\"hljs-property\">length\u003C/span>;\n        \n        \u003Cspan class=\"hljs-keyword\">if\u003C/span> (parenCount !== closeParenCount) {\n            errors.\u003Cspan class=\"hljs-title function_\">push\u003C/span>(\u003Cspan class=\"hljs-string\">'Unbalanced parentheses in formula'\u003C/span>);\n        }\n        \n        \u003Cspan class=\"hljs-keyword\">return\u003C/span> {\n            \u003Cspan class=\"hljs-attr\">isValid\u003C/span>: errors.\u003Cspan class=\"hljs-property\">length\u003C/span> === \u003Cspan class=\"hljs-number\">0\u003C/span>,\n            \u003Cspan class=\"hljs-attr\">errors\u003C/span>: errors,\n            \u003Cspan class=\"hljs-attr\">cleanFormula\u003C/span>: cleanFormula\n        };\n    }\n    \n    \u003Cspan class=\"hljs-title function_\">highlightFormula\u003C/span>(\u003Cspan class=\"hljs-params\">formula\u003C/span>) {\n        \u003Cspan class=\"hljs-comment\">// Add syntax highlighting to chemical formulas\u003C/span>\n        \u003Cspan class=\"hljs-keyword\">return\u003C/span> formula\n            .\u003Cspan class=\"hljs-title function_\">replace\u003C/span>(\u003Cspan class=\"hljs-regexp\">/([A-Z][a-z]?)/g\u003C/span>, \u003Cspan class=\"hljs-string\">'<span class="element">$1</span>'\u003C/span>)\n            .\u003Cspan class=\"hljs-title function_\">replace\u003C/span>(\u003Cspan class=\"hljs-regexp\">/(<sub>)(\\d+)(<\\/sub>)/g\u003C/span>, \u003Cspan class=\"hljs-string\">'$1<span class="subscript-number">$2</span>$3'\u003C/span>)\n            .\u003Cspan class=\"hljs-title function_\">replace\u003C/span>(\u003Cspan class=\"hljs-regexp\">/(\\(|\\))/g\u003C/span>, \u003Cspan class=\"hljs-string\">'<span class="parenthesis">$1</span>'\u003C/span>);\n    }\n}\n\n\u003Cspan class=\"hljs-comment\">// Usage example\u003C/span>\n\u003Cspan class=\"hljs-keyword\">const\u003C/span> validator = \u003Cspan class=\"hljs-keyword\">new\u003C/span> \u003Cspan class=\"hljs-title class_\">ChemicalFormulaValidator\u003C/span>();\n\u003Cspan class=\"hljs-keyword\">const\u003C/span> formulas = \u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">querySelectorAll\u003C/span>(\u003Cspan class=\"hljs-string\">'.chemical-formula'\u003C/span>);\n\nformulas.\u003Cspan class=\"hljs-title function_\">forEach\u003C/span>(\u003Cspan class=\"hljs-function\">\u003Cspan class=\"hljs-params\">formula\u003C/span> =>\u003C/span> {\n    \u003Cspan class=\"hljs-keyword\">const\u003C/span> result = validator.\u003Cspan class=\"hljs-title function_\">validateFormula\u003C/span>(formula.\u003Cspan class=\"hljs-property\">innerHTML\u003C/span>);\n    \n    \u003Cspan class=\"hljs-keyword\">if\u003C/span> (!result.\u003Cspan class=\"hljs-property\">isValid\u003C/span>) {\n        \u003Cspan class=\"hljs-variable language_\">console\u003C/span>.\u003Cspan class=\"hljs-title function_\">warn\u003C/span>(\u003Cspan class=\"hljs-string\">`Formula validation errors for "\u003Cspan class=\"hljs-subst\">${result.cleanFormula}\u003C/span>":`\u003C/span>, result.\u003Cspan class=\"hljs-property\">errors\u003C/span>);\n        formula.\u003Cspan class=\"hljs-property\">classList\u003C/span>.\u003Cspan class=\"hljs-title function_\">add\u003C/span>(\u003Cspan class=\"hljs-string\">'invalid-formula'\u003C/span>);\n    } \u003Cspan class=\"hljs-keyword\">else\u003C/span> {\n        formula.\u003Cspan class=\"hljs-property\">innerHTML\u003C/span> = validator.\u003Cspan class=\"hljs-title function_\">highlightFormula\u003C/span>(formula.\u003Cspan class=\"hljs-property\">innerHTML\u003C/span>);\n    }\n});\n\u003C/code>\u003C/pre>\u003Ch2 id=\"latex-integration-for-advanced-mathematical-notation\">LaTeX Integration for Advanced Mathematical Notation\u003C/h2>\n\u003Ch3 id=\"mathjax-configuration\">MathJax Configuration\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- MathJax setup for advanced mathematical notation -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C/span> \u003Cspan class=\"hljs-attr\">src\u003C/span>=\u003Cspan class=\"hljs-string\">"https://polyfill.io/v3/polyfill.min.js?features=es6"\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">script\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C/span> \u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"MathJax-script"\u003C/span> \u003Cspan class=\"hljs-attr\">async\u003C/span> \u003Cspan class=\"hljs-attr\">src\u003C/span>=\u003Cspan class=\"hljs-string\">"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">script\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C/span>>\u003C/span>\u003Cspan class=\"language-javascript\">\n\u003Cspan class=\"hljs-variable language_\">window\u003C/span>.\u003Cspan class=\"hljs-property\">MathJax\u003C/span> = {\n  \u003Cspan class=\"hljs-attr\">tex\u003C/span>: {\n    \u003Cspan class=\"hljs-attr\">inlineMath\u003C/span>: [[\u003Cspan class=\"hljs-string\">'$'\u003C/span>, \u003Cspan class=\"hljs-string\">'$'\u003C/span>], [\u003Cspan class=\"hljs-string\">'\\\\('\u003C/span>, \u003Cspan class=\"hljs-string\">'\\\\)'\u003C/span>]],\n    \u003Cspan class=\"hljs-attr\">displayMath\u003C/span>: [[\u003Cspan class=\"hljs-string\">'$$'\u003C/span>, \u003Cspan class=\"hljs-string\">'$$'\u003C/span>], [\u003Cspan class=\"hljs-string\">'\\\\['\u003C/span>, \u003Cspan class=\"hljs-string\">'\\\\]'\u003C/span>]],\n    \u003Cspan class=\"hljs-attr\">tags\u003C/span>: \u003Cspan class=\"hljs-string\">'ams'\u003C/span>,\n    \u003Cspan class=\"hljs-attr\">tagSide\u003C/span>: \u003Cspan class=\"hljs-string\">'right'\u003C/span>\n  },\n  \u003Cspan class=\"hljs-attr\">options\u003C/span>: {\n    \u003Cspan class=\"hljs-attr\">skipHtmlTags\u003C/span>: [\u003Cspan class=\"hljs-string\">'script'\u003C/span>, \u003Cspan class=\"hljs-string\">'noscript'\u003C/span>, \u003Cspan class=\"hljs-string\">'style'\u003C/span>, \u003Cspan class=\"hljs-string\">'textarea'\u003C/span>, \u003Cspan class=\"hljs-string\">'pre'\u003C/span>],\n    \u003Cspan class=\"hljs-attr\">ignoreHtmlClass\u003C/span>: \u003Cspan class=\"hljs-string\">'tex2jax_ignore'\u003C/span>,\n    \u003Cspan class=\"hljs-attr\">processHtmlClass\u003C/span>: \u003Cspan class=\"hljs-string\">'tex2jax_process'\u003C/span>\n  }\n};\n\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">script\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"mathematical-expression-examples\">Mathematical Expression Examples\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-section\">## Advanced Mathematical Notation\u003C/span>\n\n\u003Cspan class=\"hljs-section\">### Inline Mathematics\u003C/span>\nThe quadratic formula is $x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}$\n\n\u003Cspan class=\"hljs-section\">### Display Mathematics\u003C/span>\n$$E = mc^2$$\n\n$$\\sum\u003Cspan class=\"hljs-emphasis\">_{n=1}^{\\infty} \\frac{1}{n^2} = \\frac{\\pi^2}{6}$$\n\n### Chemical Equations with LaTeX\n$$\\ce{6CO2 + 6H2O ->[\\text{light}] C6H12O6 + 6O2}$$\n\n### Complex Scientific Notation\n$$\\Psi(x,t) = \\sum_\u003C/span>n c\u003Cspan class=\"hljs-emphasis\">_n \\psi_\u003C/span>n(x) e^{-iE\u003Cspan class=\"hljs-emphasis\">_n t/\\hbar}$$\n\nWhere $\\hbar = \\frac{h}{2\\pi} = 1.055 \\times 10^{-34}$ J⋅s\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"unicode-character-alternatives\">Unicode Character Alternatives\u003C/h2>\n\u003Ch3 id=\"unicode-subscript-and-superscript-characters\">Unicode Subscript and Superscript Characters\u003C/h3>\n\u003Cp>For platforms with limited HTML support, Unicode provides alternative characters:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-section\">## Unicode Subscript Characters\u003C/span>\n₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ \n\n\u003Cspan class=\"hljs-section\">### Chemical Formulas\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Water: H₂O\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Carbon dioxide: CO₂\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Methane: CH₄\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Ammonia: NH₃\n\n\u003Cspan class=\"hljs-section\">## Unicode Superscript Characters\u003C/span>\n⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾\n\n\u003Cspan class=\"hljs-section\">### Mathematical Expressions\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Area: length²\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Volume: length³\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Einstein's equation: E = mc²\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> Pythagorean theorem: a² + b² = c²\n\n\u003Cspan class=\"hljs-section\">### Ordinal Numbers\u003C/span>\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> 1ˢᵗ place\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> 2ⁿᵈ attempt  \n\u003Cspan class=\"hljs-bullet\">-\u003C/span> 3ʳᵈ iteration\n\u003Cspan class=\"hljs-bullet\">-\u003C/span> 4ᵗʰ generation\n\u003C/code>\u003C/pre>\u003Ch3 id=\"unicode-character-generation-script\">Unicode Character Generation Script\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-python\">\u003Cspan class=\"hljs-comment\"># Python script to generate Unicode subscript/superscript\u003C/span>\n\u003Cspan class=\"hljs-keyword\">def\u003C/span> \u003Cspan class=\"hljs-title function_\">to_unicode_subscript\u003C/span>(\u003Cspan class=\"hljs-params\">text\u003C/span>):\n    \u003Cspan class=\"hljs-string\">"""Convert numbers to Unicode subscript"""\u003C/span>\n    subscript_map = {\n        \u003Cspan class=\"hljs-string\">'0'\u003C/span>: \u003Cspan class=\"hljs-string\">'₀'\u003C/span>, \u003Cspan class=\"hljs-string\">'1'\u003C/span>: \u003Cspan class=\"hljs-string\">'₁'\u003C/span>, \u003Cspan class=\"hljs-string\">'2'\u003C/span>: \u003Cspan class=\"hljs-string\">'₂'\u003C/span>, \u003Cspan class=\"hljs-string\">'3'\u003C/span>: \u003Cspan class=\"hljs-string\">'₃'\u003C/span>, \u003Cspan class=\"hljs-string\">'4'\u003C/span>: \u003Cspan class=\"hljs-string\">'₄'\u003C/span>,\n        \u003Cspan class=\"hljs-string\">'5'\u003C/span>: \u003Cspan class=\"hljs-string\">'₅'\u003C/span>, \u003Cspan class=\"hljs-string\">'6'\u003C/span>: \u003Cspan class=\"hljs-string\">'₆'\u003C/span>, \u003Cspan class=\"hljs-string\">'7'\u003C/span>: \u003Cspan class=\"hljs-string\">'₇'\u003C/span>, \u003Cspan class=\"hljs-string\">'8'\u003C/span>: \u003Cspan class=\"hljs-string\">'₈'\u003C/span>, \u003Cspan class=\"hljs-string\">'9'\u003C/span>: \u003Cspan class=\"hljs-string\">'₉'\u003C/span>,\n        \u003Cspan class=\"hljs-string\">'+'\u003C/span>: \u003Cspan class=\"hljs-string\">'₊'\u003C/span>, \u003Cspan class=\"hljs-string\">'-'\u003C/span>: \u003Cspan class=\"hljs-string\">'₋'\u003C/span>, \u003Cspan class=\"hljs-string\">'='\u003C/span>: \u003Cspan class=\"hljs-string\">'₌'\u003C/span>, \u003Cspan class=\"hljs-string\">'('\u003C/span>: \u003Cspan class=\"hljs-string\">'₍'\u003C/span>, \u003Cspan class=\"hljs-string\">')'\u003C/span>: \u003Cspan class=\"hljs-string\">'₎'\u003C/span>\n    }\n    \u003Cspan class=\"hljs-keyword\">return\u003C/span> \u003Cspan class=\"hljs-string\">''\u003C/span>.join(subscript_map.get(char, char) \u003Cspan class=\"hljs-keyword\">for\u003C/span> char \u003Cspan class=\"hljs-keyword\">in\u003C/span> text)\n\n\u003Cspan class=\"hljs-keyword\">def\u003C/span> \u003Cspan class=\"hljs-title function_\">to_unicode_superscript\u003C/span>(\u003Cspan class=\"hljs-params\">text\u003C/span>):\n    \u003Cspan class=\"hljs-string\">"""Convert numbers to Unicode superscript"""\u003C/span>  \n    superscript_map = {\n        \u003Cspan class=\"hljs-string\">'0'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁰'\u003C/span>, \u003Cspan class=\"hljs-string\">'1'\u003C/span>: \u003Cspan class=\"hljs-string\">'¹'\u003C/span>, \u003Cspan class=\"hljs-string\">'2'\u003C/span>: \u003Cspan class=\"hljs-string\">'²'\u003C/span>, \u003Cspan class=\"hljs-string\">'3'\u003C/span>: \u003Cspan class=\"hljs-string\">'³'\u003C/span>, \u003Cspan class=\"hljs-string\">'4'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁴'\u003C/span>,\n        \u003Cspan class=\"hljs-string\">'5'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁵'\u003C/span>, \u003Cspan class=\"hljs-string\">'6'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁶'\u003C/span>, \u003Cspan class=\"hljs-string\">'7'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁷'\u003C/span>, \u003Cspan class=\"hljs-string\">'8'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁸'\u003C/span>, \u003Cspan class=\"hljs-string\">'9'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁹'\u003C/span>,\n        \u003Cspan class=\"hljs-string\">'+'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁺'\u003C/span>, \u003Cspan class=\"hljs-string\">'-'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁻'\u003C/span>, \u003Cspan class=\"hljs-string\">'='\u003C/span>: \u003Cspan class=\"hljs-string\">'⁼'\u003C/span>, \u003Cspan class=\"hljs-string\">'('\u003C/span>: \u003Cspan class=\"hljs-string\">'⁽'\u003C/span>, \u003Cspan class=\"hljs-string\">')'\u003C/span>: \u003Cspan class=\"hljs-string\">'⁾'\u003C/span>\n    }\n    \u003Cspan class=\"hljs-keyword\">return\u003C/span> \u003Cspan class=\"hljs-string\">''\u003C/span>.join(superscript_map.get(char, char) \u003Cspan class=\"hljs-keyword\">for\u003C/span> char \u003Cspan class=\"hljs-keyword\">in\u003C/span> text)\n\n\u003Cspan class=\"hljs-comment\"># Usage examples\u003C/span>\n\u003Cspan class=\"hljs-built_in\">print\u003C/span>(\u003Cspan class=\"hljs-string\">"H"\u003C/span> + to_unicode_subscript(\u003Cspan class=\"hljs-string\">"2"\u003C/span>) + \u003Cspan class=\"hljs-string\">"O"\u003C/span>)  \u003Cspan class=\"hljs-comment\"># H₂O\u003C/span>\n\u003Cspan class=\"hljs-built_in\">print\u003C/span>(\u003Cspan class=\"hljs-string\">"E = mc"\u003C/span> + to_unicode_superscript(\u003Cspan class=\"hljs-string\">"2"\u003C/span>))  \u003Cspan class=\"hljs-comment\"># E = mc²\u003C/span>\n\u003Cspan class=\"hljs-built_in\">print\u003C/span>(\u003Cspan class=\"hljs-string\">"x"\u003C/span> + to_unicode_superscript(\u003Cspan class=\"hljs-string\">"2"\u003C/span>) + \u003Cspan class=\"hljs-string\">" + y"\u003C/span> + to_unicode_superscript(\u003Cspan class=\"hljs-string\">"2"\u003C/span>) + \u003Cspan class=\"hljs-string\">" = z"\u003C/span> + to_unicode_superscript(\u003Cspan class=\"hljs-string\">"2"\u003C/span>))  \u003Cspan class=\"hljs-comment\"># x² + y² = z²\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"practical-applications\">Practical Applications\u003C/h2>\n\u003Ch3 id=\"scientific-documentation\">Scientific Documentation\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>Biochemical Pathways\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Cellular Respiration:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>12\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + 6O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> → 6CO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + 6H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O + ATP\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>ATP Synthesis:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>ADP + P\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>i\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> + energy → ATP + H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>DNA Structure:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Adenine (A) pairs with Thymine (T)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Guanine (G) pairs with Cytosine (C)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>DNA backbone: phosphate-sugar (C\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>5\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>10\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>) chains\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>Physical Chemistry\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Ideal Gas Law:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>PV = nRT\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Where R = 8.314 J⋅mol\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>⋅K\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Thermodynamic Relations:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Enthalpy: H = U + PV\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Gibbs Free Energy: G = H - TS\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Entropy change: ΔS = ∫(dq\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>rev\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>/T)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"academic-paper-formatting\">Academic Paper Formatting\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h2\u003C/span>>\u003C/span>Literature Review\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h2\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Recent studies have demonstrated significant advances in quantum computing\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>1,2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>. \nThe development of superconducting qubits\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> has enabled coherence times exceeding 100 μs\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Error correction protocols\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>5,6\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> show promise for achieving fault-tolerant quantum computation. \nThe surface code\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>7\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> provides a pathway to logical qubit error rates below 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>-15\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>8\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>Experimental Methods\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Samples were prepared using standard protocols\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>9\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>. Temperature was maintained at \n4.2 K ± 0.1 K throughout the experiment. Microwave pulses with frequency ω\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>0\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>/2π = 5.2 GHz \nwere applied for qubit manipulation.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The Hamiltonian describing the system is:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>H = ℏω\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>0\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>σ\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>z\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>/2 + ℏΩ\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>R\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>(σ\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>x\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>cos(φ) + σ\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>y\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>sin(φ))/2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>References\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ol\u003C/span> \u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"references"\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span> \u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"ref-1"\u003C/span>>\u003C/span>Nielsen, M.A. & Chuang, I.L. (2010). \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Quantum Computation and Quantum Information\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>. Cambridge University Press.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span> \u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"ref-2"\u003C/span>>\u003C/span>Arute, F. et al. (2019). Quantum supremacy using a programmable superconducting processor. \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Nature\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 574(7779), 505-510.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span> \u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"ref-3"\u003C/span>>\u003C/span>Kjaergaard, M. et al. (2020). Superconducting qubits: Current state of play. \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>Annual Review of Condensed Matter Physics\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">em\u003C/span>>\u003C/span>, 11, 369-395.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-comment\"><!-- Additional references... -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ol\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"technical-specifications\">Technical Specifications\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>API Version Specifications\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Current API Versions:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>REST API v2\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>stable\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> - Production ready\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>GraphQL API v1\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>beta\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> - Testing phase\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>WebSocket API v3\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>alpha\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> - Development\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>Performance Metrics:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">strong\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Response time: \u003Cspan class=\"hljs-symbol\"><\u003C/span> 100ms for 99\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>th\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> percentile\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Throughput: 10\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> requests/second maximum\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>Uptime: 99.9% SLA\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>*\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">li\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>*\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>Excludes scheduled maintenance windows\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>Database Schema Versioning\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h3\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">table\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>Version\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>Schema Changes\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>Migration Status\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">th\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>v1\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>base\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>Initial schema\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>✅ Complete\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>v2\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>auth\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>Authentication tables\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>✅ Complete\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>v3\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>perf\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>Performance indexes\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>🔄 In Progress\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">td\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">tr\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">table\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"accessibility-considerations\">Accessibility Considerations\u003C/h2>\n\u003Ch3 id=\"screen-reader-optimization\">Screen Reader Optimization\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Accessible scientific notation -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The chemical formula for water is \n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"H 2 O"\u003C/span>>\u003C/span>H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"2"\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Einstein's equation: \n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"E equals M C squared"\u003C/span>>\u003C/span>E = mc\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"squared"\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Academic citations with proper labels -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Recent research shows promising results\n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"reference 1"\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">a\u003C/span> \u003Cspan class=\"hljs-attr\">href\u003C/span>=\u003Cspan class=\"hljs-string\">"#ref-1"\u003C/span>>\u003C/span>1\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">a\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>.\n   Additional studies confirm these findings\n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"reference 2"\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">a\u003C/span> \u003Cspan class=\"hljs-attr\">href\u003C/span>=\u003Cspan class=\"hljs-string\">"#ref-2"\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">a\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>.\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Mathematical expressions with descriptive labels -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The quadratic formula: \n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"x equals negative b plus or minus square root of b squared minus 4 a c, all divided by 2 a"\u003C/span>>\u003C/span>\n     x = (-b ± √(b\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span> - 4ac)) / (2a)\n   \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"keyboard-navigation\">Keyboard Navigation\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-css\">\u003Cspan class=\"hljs-comment\">/* Focus styles for interactive superscript elements */\u003C/span>\n\u003Cspan class=\"hljs-selector-tag\">sup\u003C/span>\u003Cspan class=\"hljs-selector-attr\">[tabindex]\u003C/span>, sub\u003Cspan class=\"hljs-selector-attr\">[tabindex]\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">outline\u003C/span>: none;\n}\n\n\u003Cspan class=\"hljs-selector-tag\">sup\u003C/span>\u003Cspan class=\"hljs-selector-attr\">[tabindex]\u003C/span>\u003Cspan class=\"hljs-selector-pseudo\">:focus\u003C/span>, sub\u003Cspan class=\"hljs-selector-attr\">[tabindex]\u003C/span>\u003Cspan class=\"hljs-selector-pseudo\">:focus\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">outline\u003C/span>: \u003Cspan class=\"hljs-number\">2px\u003C/span> solid \u003Cspan class=\"hljs-number\">#007bff\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">outline-offset\u003C/span>: \u003Cspan class=\"hljs-number\">2px\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">border-radius\u003C/span>: \u003Cspan class=\"hljs-number\">2px\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Citation link accessibility */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.citation\u003C/span> \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> \u003Cspan class=\"hljs-selector-tag\">a\u003C/span>\u003Cspan class=\"hljs-selector-pseudo\">:focus\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">outline\u003C/span>: \u003Cspan class=\"hljs-number\">2px\u003C/span> solid \u003Cspan class=\"hljs-number\">#007bff\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">outline-offset\u003C/span>: \u003Cspan class=\"hljs-number\">2px\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">text-decoration\u003C/span>: underline;\n}\n\u003C/code>\u003C/pre>\u003Ch2 id=\"integration-with-documentation-workflows\">Integration with Documentation Workflows\u003C/h2>\n\u003Cp>Subscript and superscript formatting works seamlessly with other advanced Markdown features. When creating scientific documentation that requires both mathematical notation and structured explanations, combine these techniques with \u003Ca href=\"/blog/markdown-collapsible-sections-guide\">collapsible sections\u003C/a> to organize complex formulas and derivations into manageable, expandable sections.\u003C/p>\n\u003Cp>For research documentation requiring both proper citations and detailed mathematical expressions, subscript and superscript formatting integrates effectively with \u003Ca href=\"/blog/markdown-advanced-footnotes-and-reference-links-guide\">footnotes and reference links\u003C/a> to create comprehensive academic documents with proper attribution and mathematical accuracy.\u003C/p>\n\u003Cp>When documenting scientific procedures that include both chemical formulas and step-by-step instructions, consider combining scientific notation with \u003Ca href=\"/blog/markdown-task-lists-and-checkboxes-complete-guide\">task lists and checkboxes\u003C/a> to create comprehensive laboratory protocols with clear visual organization.\u003C/p>\n\u003Ch2 id=\"troubleshooting-common-issues\">Troubleshooting Common Issues\u003C/h2>\n\u003Ch3 id=\"rendering-problems\">Rendering Problems\u003C/h3>\n\u003Cp>\u003Cstrong>Problem\u003C/strong>: Subscripts and superscripts not displaying properly\u003C/p>\n\u003Cp>\u003Cstrong>Solutions\u003C/strong>:\u003C/p>\n\u003Col>\n\u003Cli>Verify platform supports HTML \u003Ccode><sub>\u003C/code> and \u003Ccode><sup>\u003C/code> tags\u003C/li>\n\u003Cli>Check for proper tag closure and nesting\u003C/li>\n\u003Cli>Use Unicode alternatives for limited platforms\u003C/li>\n\u003Cli>Test with minimal examples first\u003C/li>\n\u003C/ol>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Test basic functionality -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Test subscript: H\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>O\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Test superscript: E = mc\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sup\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Check for proper nesting -->\u003C/span>\n\u003Cspan class=\"hljs-comment\"><!-- Correct -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Al\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>(SO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-comment\"><!-- Incorrect - avoid -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Al\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>2(SO\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>4\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>)\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>3\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch3 id=\"spacing-and-alignment-issues\">Spacing and Alignment Issues\u003C/h3>\n\u003Cp>\u003Cstrong>Problem\u003C/strong>: Inconsistent spacing around subscripts and superscripts\u003C/p>\n\u003Cp>\u003Cstrong>Solutions\u003C/strong>:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-css\">\u003Cspan class=\"hljs-comment\">/* Fix spacing issues */\u003C/span>\nsub, \u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">line-height\u003C/span>: \u003Cspan class=\"hljs-number\">0\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">position\u003C/span>: relative;\n  \u003Cspan class=\"hljs-attribute\">vertical-align\u003C/span>: baseline;\n  \u003Cspan class=\"hljs-attribute\">margin\u003C/span>: \u003Cspan class=\"hljs-number\">0\u003C/span>;\n  \u003Cspan class=\"hljs-attribute\">padding\u003C/span>: \u003Cspan class=\"hljs-number\">0\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Prevent layout shifts */\u003C/span>\n\u003Cspan class=\"hljs-selector-class\">.scientific-content\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">line-height\u003C/span>: \u003Cspan class=\"hljs-number\">1.6\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-comment\">/* Ensure consistent positioning */\u003C/span>\nsub {\n  \u003Cspan class=\"hljs-attribute\">bottom\u003C/span>: -\u003Cspan class=\"hljs-number\">0.25em\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-selector-tag\">sup\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">top\u003C/span>: -\u003Cspan class=\"hljs-number\">0.5em\u003C/span>;\n}\n\u003C/code>\u003C/pre>\u003Ch3 id=\"cross-platform-compatibility\">Cross-Platform Compatibility\u003C/h3>\n\u003Cp>\u003Cstrong>Problem\u003C/strong>: Different appearance across platforms\u003C/p>\n\u003Cp>\u003Cstrong>Solutions\u003C/strong>:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\"><!-- Provide fallbacks for different platforms -->\n\n<!-- Primary: HTML tags (most platforms) -->\nH\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>2\u003Cspan class=\"language-xml\">\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>\u003C/span>O\n\n<!-- Fallback: Unicode (limited platform support) -->\nH₂O\n\n<!-- Alternative: Plain text with notation -->\nH2O (subscript 2)\n\n<!-- LaTeX for math-enabled platforms -->\n$H\u003Cspan class=\"hljs-emphasis\">_2O$ or $\\ce{H2O}$\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"seo-and-content-strategy-benefits\">SEO and Content Strategy Benefits\u003C/h2>\n\u003Ch3 id=\"enhanced-content-authority\">Enhanced Content Authority\u003C/h3>\n\u003Cp>Proper scientific notation improves content quality and search visibility:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Technical Accuracy\u003C/strong>: Correct formatting demonstrates expertise and attention to detail\u003C/li>\n\u003Cli>\u003Cstrong>Professional Presentation\u003C/strong>: Proper notation builds credibility with technical audiences\u003C/li>\n\u003Cli>\u003Cstrong>Search Optimization\u003C/strong>: Scientific terms with correct formatting improve content discoverability\u003C/li>\n\u003Cli>\u003Cstrong>Academic Standards\u003C/strong>: Proper citation formatting meets scholarly publication requirements\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"structured-data-for-scientific-content\">Structured Data for Scientific Content\u003C/h3>\n\u003Cpre>\u003Ccode class=\"hljs language-html\">\u003Cspan class=\"hljs-comment\"><!-- Enhanced markup for scientific content -->\u003C/span>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C/span> \u003Cspan class=\"hljs-attr\">itemscope\u003C/span> \u003Cspan class=\"hljs-attr\">itemtype\u003C/span>=\u003Cspan class=\"hljs-string\">"https://schema.org/ScholarlyArticle"\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">h2\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"name"\u003C/span>>\u003C/span>Quantum Computing Fundamentals\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">h2\u003C/span>>\u003C/span>\n  \n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"articleBody"\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>The energy levels of a quantum harmonic oscillator are given by:\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"formula"\u003C/span>>\u003C/span>E\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span>n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">sub\u003C/span>>\u003C/span> = ℏω(n + ½)\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n    \n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>Where n = 0, 1, 2, 3, ... represents the quantum number.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">p\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">div\u003C/span>>\u003C/span>\n  \n  \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"citation"\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"author"\u003C/span>>\u003C/span>Griffiths, D.J.\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"name"\u003C/span>>\u003C/span>Introduction to Quantum Mechanics\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">span\u003C/span> \u003Cspan class=\"hljs-attr\">itemprop\u003C/span>=\u003Cspan class=\"hljs-string\">"datePublished"\u003C/span>>\u003C/span>2018\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">span\u003C/span>>\u003C/span>\n  \u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">div\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">div\u003C/span>>\u003C/span>\n\u003C/code>\u003C/pre>\u003Ch2 id=\"conclusion\">Conclusion\u003C/h2>\n\u003Cp>Markdown subscript and superscript formatting transforms plain text into professional scientific and academic documentation that meets publication standards and enhances reader comprehension. By mastering HTML-based approaches, platform-specific implementations, and accessibility considerations, you can create content that accurately represents complex scientific concepts and mathematical expressions.\u003C/p>\n\u003Cp>The key to effective subscript and superscript usage lies in understanding your platform's capabilities, choosing appropriate formatting methods for your content type, and ensuring accessibility for all readers. Whether you're documenting chemical processes, mathematical derivations, or academic research, the techniques covered in this guide provide the foundation for accurate, professional scientific notation.\u003C/p>\n\u003Cp>Remember to test formatting across your target platforms, provide fallback options for enhanced compatibility, and consider accessibility implications when implementing interactive features. With proper implementation, subscript and superscript formatting becomes a powerful tool for creating scientifically accurate, professionally formatted documentation that serves both technical accuracy and reader comprehension requirements.\u003C/p>\n",[15,19,22,25,28,31,34,37,40,43,46,49,52,55,58],{"id":16,"text":17,"level":18},"why-use-subscript-and-superscript","Why Use Subscript and Superscript?",2,{"id":20,"text":21,"level":18},"basic-subscript-and-superscript-concepts","Basic Subscript and Superscript Concepts",{"id":23,"text":24,"level":18},"html-based-implementation-universal-support","HTML-Based Implementation (Universal Support)",{"id":26,"text":27,"level":18},"platform-specific-implementations","Platform-Specific Implementations",{"id":29,"text":30,"level":18},"advanced-formatting-techniques","Advanced Formatting Techniques",{"id":32,"text":33,"level":18},"css-styling-for-enhanced-presentation","CSS Styling for Enhanced Presentation",{"id":35,"text":36,"level":18},"javascript-enhancement-for-interactive-content","JavaScript Enhancement for Interactive Content",{"id":38,"text":39,"level":18},"latex-integration-for-advanced-mathematical-notation","LaTeX Integration for Advanced Mathematical Notation",{"id":41,"text":42,"level":18},"unicode-character-alternatives","Unicode Character Alternatives",{"id":44,"text":45,"level":18},"practical-applications","Practical Applications",{"id":47,"text":48,"level":18},"accessibility-considerations","Accessibility Considerations",{"id":50,"text":51,"level":18},"integration-with-documentation-workflows","Integration with Documentation Workflows",{"id":53,"text":54,"level":18},"troubleshooting-common-issues","Troubleshooting Common Issues",{"id":56,"text":57,"level":18},"seo-and-content-strategy-benefits","SEO and Content Strategy Benefits",{"id":59,"text":60,"level":18},"conclusion","Conclusion",[],[],1792184941335]