{
  "capturedAt": "2026-01-12T15:50:44.421Z",
  "site": {
    "hostname": "observatory.mozilla.org",
    "port": null,
    "path": "/"
  },
  "responses": {
    "auto": {
      "headers": {
        "connection": "close",
        "content-length": "17984",
        "x-goog-stored-content-length": "118068",
        "x-goog-metageneration": "1",
        "referrer-policy": "strict-origin-when-cross-origin",
        "expires": "Mon, 12 Jan 2026 02:23:13 GMT",
        "x-goog-hash": "crc32c=s3WvUg==, md5=SZwioIFHOFyuGFVNhK8gTQ==",
        "content-security-policy": "default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' mdn.github.io *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';",
        "x-goog-meta-goog-reserved-file-mtime": "1768178682",
        "x-frame-options": "DENY",
        "x-goog-stored-content-encoding": "identity",
        "x-goog-generation": "1768180246914205",
        "via": "1.1 google, 1.1 varnish, 1.1 varnish, 1.1 varnish",
        "server": "Google Frontend",
        "origin-trial": "AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=",
        "last-modified": "Mon, 12 Jan 2026 01:10:46 GMT",
        "x-goog-storage-class": "STANDARD",
        "x-cloud-trace-context": "8dcf8e2be357bfc178a82de3e21f1bd0",
        "x-content-type-options": "nosniff",
        "content-type": "text/html",
        "etag": "\"499c22a08147385cae18554d84af204d\"",
        "cache-control": "public, max-age=3600",
        "x-guploader-uploadid": "AJRbA5U49pMY66VbLDWoUtHpOJRydioEowlLqd8FxTkGaykZsFGGl3xXD9QKpYtHw8vNY4bDK3USRNc",
        "strict-transport-security": "max-age=63072000",
        "accept-ranges": "bytes",
        "date": "Mon, 12 Jan 2026 15:50:42 GMT",
        "age": "311",
        "x-served-by": "cache-bfi-kbfi7400058-BFI, cache-bfi-kbfi7400053-BFI, cache-par-lfpg1960034-PAR",
        "x-cache": "MISS, MISS, HIT",
        "x-cache-hits": "0, 0, 1",
        "x-timer": "S1768233043.557179,VS0,VE2",
        "vary": "Accept-Encoding"
      },
      "status": 200,
      "statusText": "OK",
      "verified": true,
      "data": "\n      <!doctype html>\n      <html\n        lang=\"en-US\"\n        data-theme=\"light dark\"\n        data-renderer=\"SpaObservatoryLanding\"\n        \n        \n      >\n        <head>\n          <meta charset=\"UTF-8\" />\n          <meta\n            name=\"viewport\"\n            content=\"width=device-width, initial-scale=1.0\"\n          />\n          <title>HTTP Header Security Test - HTTP Observatory | MDN</title>\n          \n          <script>try {\n  document.documentElement.dataset.theme =\n    localStorage.getItem(\"theme\") || \"light dark\";\n} catch (error) {\n  console.warn(\"Unable to set theme\", error);\n}\n\ntry {\n  if (localStorage.getItem(\"nop\") === \"yes\") {\n    document.documentElement.dataset[\"nop\"] = \"yes\";\n  }\n} catch (error) {\n  console.warn(\"Unable to set nop\", error);\n}\n</script>\n          <link rel=\"stylesheet\" href=\"/static/client/styles-global.4f74dfdec3090bf2.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/4067.668ae18be7f23607.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-observatory-landing.7b47ee0004877825.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/3391.cf8a6eadcf4a9e30.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-page-layout.e9b295138adbd4bc.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-a11y-menu.5796ee87cb69f93f.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-navigation.013b4a4ed330892a.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-logo.aea5ff6edf1b9cfb.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-menu.c41c14be9597dcd9.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs-bar.02910e49bb8b2372.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs.d06ce8d09f42feb8.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-footer.a2850e459e2d290b.css\" fetchpriority=\"high\" />\n          <link\n                rel=\"preload\"\n                href=\"/static/client/jetbrains-mono-latin.119994ed445212c7.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              /><link\n                rel=\"preload\"\n                href=\"/static/client/inter-latin.9a3b1bc220d426ef.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              />\n          <script src=\"/static/client/runtime.78ab025a4834993c.js\" type=\"module\"></script><script src=\"/static/client/1111.53dba753dc3eb961.js\" type=\"module\"></script><script src=\"/static/client/8903.ce3ee42276c345b9.js\" type=\"module\"></script><script src=\"/static/client/index.84551a04d557157b.js\" type=\"module\"></script>\n          \n    <link\n      rel=\"icon\"\n      sizes=\"32x32\"\n      href=\"https://developer.mozilla.org/favicon.ico\"\n    />\n    <link\n      rel=\"icon\"\n      type=\"image/svg+xml\"\n      href=\"https://developer.mozilla.org/favicon.svg\"\n    />\n   <meta name=\"description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:url\" content=\"https://developer.mozilla.org/en-US/observatory\" /><meta name=\"og:title\" content=\"HTTP Header Security Test - HTTP Observatory | MDN\" /><meta name=\"og:locale\" content=\"en_US\" /><meta name=\"og:description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:image\" content=\"https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png\" /><meta name=\"og:image:type\" content=\"image/png\" /><meta name=\"og:image:height\" content=\"1080\" /><meta name=\"og:image:width\" content=\"1920\" /><meta name=\"og:image:alt\" content=\"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.\" /><meta name=\"og:site_name\" content=\"MDN Web Docs\" /><meta name=\"twitter:card\" content=\"summary_large_image\" /><meta name=\"twitter:creator\" content=\"MozDevNet\" />\n          <link\n            rel=\"canonical\"\n            href=\"https://developer.mozilla.org/en-US/observatory\"\n          />\n          <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" />\n          <link rel=\"manifest\" href=\"/manifest.json\" />\n          <link\n            rel=\"search\"\n            type=\"application/opensearchdescription+xml\"\n            href=\"/opensearch.xml\"\n            title=\"MDN Web Docs\"\n          />\n          <link\n            rel=\"alternate\"\n            type=\"application/rss+xml\"\n            title=\"MDN Blog RSS Feed\"\n            href=\"https://developer.mozilla.org/en-US/blog/rss.xml\"\n          />\n        </head>\n        \n      <body class=\"page-layout\">\n        <ul class=\"a11y-menu\">\n      <li><a href=\"#content\">Skip to main content</a></li>\n      <li><a href=\"#search\">Skip to search</a></li>\n    </ul>\n        <div class=\"page-layout__banner\" data-scheme=\"\">\n          <mdn-placement-top></mdn-placement-top>\n        </div>\n        <header class=\"page-layout__header\">\n          \n      <nav class=\"navigation\" data-scheme=\"\" data-open=\"false\">\n        <div class=\"navigation__logo\">\n      <a href=\"/en-US/\" class=\"logo\">\n        <svg\n          class=\"logo__image\"\n          width=\"83\"\n          height=\"24\"\n          viewBox=\"0 0 83 24\"\n          role=\"img\"\n        >\n          <title>MDN</title>\n          <path\n            class=\"logo__letter\"\n            d=\"M9.4 0 2.81 21.17H.12L6.69 0H9.4Zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0h2.69Zm2.39 0v21.17h-2.4V0h2.4Z\"\n          />\n          <path\n            class=\"logo__text\"\n            d=\"M45.55 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a2.98 2.98 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4v1.27Zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.41 4.41 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43 1.36 0 2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83Zm14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Z\"\n          />\n          <path class=\"logo__cursor\" d=\"M67.71 21.98H83V24H67.71v-2.02Z\" />\n        </svg>\n      </a>\n    </div>\n        <div class=\"navigation__search\" data-view=\"mobile\">\n          <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n        </div>\n        <button\n          class=\"navigation__button\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"navigation__popup\"\n          aria-label=\"Toggle navigation\"\n        ></button>\n        <div class=\"navigation__popup\" id=\"navigation__popup\">\n          <div class=\"navigation__menu\">\n      <nav class=\"menu\">\n        <div class=\"menu__tab\" data-section=\"html\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >HTML</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/HTML\"\n        \n        \n        data-glean-id=\"menu_click_menu: html -&gt; /en-US/docs/Web/HTML\"\n        >HTML: Markup language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>HTML reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Elements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Elements\"\n        >Elements</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Global_attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Global_attributes\"\n        >Global attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Attributes\"\n        >Attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference\"\n        aria-label=\"See all HTML references\"\n        title=\"See all HTML references\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>HTML guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Responsive_images\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Responsive_images\"\n        >Responsive images</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        >HTML cheatsheet</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        >Date &amp; time formats</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides\"\n        aria-label=\"See all HTML guides\"\n        title=\"See all HTML guides\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Markup languages</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/SVG\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/SVG\"\n        >SVG</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/MathML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/MathML\"\n        >MathML</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/XML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/XML\"\n        >XML</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"css\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >CSS</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/CSS\"\n        \n        \n        data-glean-id=\"menu_click_menu: css -&gt; /en-US/docs/Web/CSS\"\n        >CSS: Styling language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>CSS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Properties\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Properties\"\n        >Properties</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Selectors\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Selectors\"\n        >Selectors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/At-rules\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/At-rules\"\n        >At-rules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Values\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Values\"\n        >Values</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference\"\n        aria-label=\"See all CSS references\"\n        title=\"See all CSS references\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>CSS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        >Box model</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Animations/Using\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Animations/Using\"\n        >Animations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        >Flexbox</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        >Colors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides\"\n        aria-label=\"See all CSS guides\"\n        title=\"See all CSS guides\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Layout cookbook</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        >Column layouts</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        >Centering an element</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        >Card component</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"javascript\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\" data-type=\"long\"\n                            >JavaScript</span\n                          ><span class=\"menu__tab-label\" data-type=\"short\"\n                            >JS</span\n                          >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/JavaScript\"\n        \n        \n        data-glean-id=\"menu_click_menu: javascript -&gt; /en-US/docs/Web/JavaScript\"\n        >JavaScript: Scripting language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>JS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        >Standard built-in objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Operators\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Operators\"\n        >Expressions &amp; operators</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Statements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Statements\"\n        >Statements &amp; declarations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Functions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Functions\"\n        >Functions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference\"\n        aria-label=\"See all JavaScript references\"\n        title=\"See all JavaScript references\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>JS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        >Control flow &amp; error handing</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        >Loops and iteration</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        >Working with objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        >Using classes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide\"\n        aria-label=\"See all JavaScript guides\"\n        title=\"See all JavaScript guides\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"webapis\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Web APIs</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/API\"\n        \n        \n        data-glean-id=\"menu_click_menu: webapis -&gt; /en-US/docs/Web/API\"\n        >Web APIs: Programming interfaces</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Web API reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/File_System_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/File_System_API\"\n        >File system API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API\"\n        >Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Geolocation_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Geolocation_API\"\n        >Geolocation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/HTML_DOM_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/HTML_DOM_API\"\n        >HTML DOM API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Push_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Push_API\"\n        >Push API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Service_Worker_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Service_Worker_API\"\n        >Service worker API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API\"\n        aria-label=\"See all Web API guides\"\n        title=\"See all Web API guides\"\n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Web API guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        >Using the Web animation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        >Using the Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        >Working with the History API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        >Using the Web speech API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        >Using web workers</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"all\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >All</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web\"\n        \n        \n        data-glean-id=\"menu_click_menu: all -&gt; /en-US/docs/Web\"\n        >All web technology</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Technologies</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Accessibility\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Accessibility\"\n        >Accessibility</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTTP\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/HTTP\"\n        >HTTP</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/URI\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/URI\"\n        >URI</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        >Web extensions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/WebAssembly\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/WebAssembly\"\n        >WebAssembly</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/WebDriver\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/WebDriver\"\n        >WebDriver</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web\"\n        aria-label=\"See all web technology references\"\n        title=\"See all web technology references\"\n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Topics</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Media\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Media\"\n        >Media</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Performance\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Performance\"\n        >Performance</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Privacy\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Privacy\"\n        >Privacy</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Security\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Security\"\n        >Security</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Progressive_web_apps\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Progressive_web_apps\"\n        >Progressive web apps</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"learn\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Learn</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Learn_web_development\"\n        \n        \n        data-glean-id=\"menu_click_menu: learn -&gt; /en-US/docs/Learn_web_development\"\n        >Learn web development</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Frontend developer course</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Getting_started\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Getting_started\"\n        >Getting started modules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core\"\n        >Core modules</a\n      >\n                              </li><li>\n                                <a\n                                        class=\"\"\n                                        \n                                        href=\"/en-US/curriculum/\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/curriculum/\"\n                                        >MDN Curriculum</a\n                                      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn HTML</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Structuring_content\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Structuring_content\"\n        >Structuring content with HTML module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn CSS</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Styling_basics\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Styling_basics\"\n        >CSS styling basics module</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/CSS_layout\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/CSS_layout\"\n        >CSS layout module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn JavaScript</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Scripting\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Scripting\"\n        >Dynamic scripting with JavaScript module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"tools\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Tools</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Discover our tools\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"circle-play\"\n                                        href=\"/en-US/play\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/play\"\n                                        >Playground</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"shield-check\"\n                                        href=\"/en-US/observatory\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/observatory\"\n                                        >HTTP Observatory</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        >Border-image generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        >Border-radius generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        >Box-shadow generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        >Color format converter</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        >Color mixer</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        >Shape generator</a\n      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"about\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >About</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Get to know MDN better\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"mdn-m\"\n                                        href=\"/en-US/about\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/about\"\n                                        >About MDN</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"chart-no-axes-combined\"\n                                        href=\"/en-US/advertising\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/advertising\"\n                                        >Advertise with us</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"users\"\n                                        href=\"/en-US/community\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/community\"\n                                        >Community</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon external\"\n                                        data-icon=\"github\"\n                                        href=\"https://github.com/mdn\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; https://github.com/mdn\"\n                                        >MDN on GitHub</a\n                                      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"blog\">\n            <a\n                  class=\"menu__tab-link\"\n                  href=\"/en-US/blog/\"\n                  data-glean-id=\"menu_click_link: top-level -&gt; /en-US/blog/\"\n                  >Blog</a\n                >\n          </div>\n      </nav>\n    </div>\n          <div class=\"navigation__search\" data-view=\"desktop\">\n            <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n          </div>\n          <mdn-user-menu locale=\"en-US\"></mdn-user-menu>\n        </div>\n      </nav>\n      <mdn-search-modal id=\"search\"></mdn-search-modal>\n     \n      <div class=\"breadcrumbs-bar\" data-scheme=\"\">\n         \n      <ol\n        class=\"breadcrumbs\"\n        vocab=\"https://schema.org/\"\n        typeof=\"BreadcrumbList\"\n      >\n        \n            <li property=\"itemListElement\" typeof=\"ListItem\">\n              <a href=\"/en-US/observatory\" property=\"item\" typeof=\"WebPage\"\n                ><span property=\"name\">HTTP Observatory</span></a\n              >\n              <meta property=\"position\" content=\"1\" />\n            </li>\n          \n      </ol>\n    \n        \n        <mdn-color-theme><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.color-theme{--color-theme-light-dark:url(/static/ssr/contrast.d86e85c43de8dee8.svg);--color-theme-light:url(/static/ssr/sun.1d7c3ad7bf6fc390.svg);--color-theme-dark:url(/static/ssr/moon.74026b9da82b0694.svg);position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (width <= 769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__option[data-current]{background:var(--color-background-secondary)}</style><!--lit-part jjbrVed3TRM=--><div class=\"color-theme\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <!--lit-node 2--><button\n          part=\"button\"\n          slot=\"button\"\n          class=\"color-theme__button\"\n          data-mode=\"light dark\"\n          type=\"button\"\n          aria-label=\"Switch color theme\"\n        >\n          <span><!--lit-part-->Theme<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"color-theme__dropdown\"\n          id=\"color-theme__dropdown\"\n        >\n          <ul class=\"color-theme__list\">\n            <!--lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light dark\"\n                    data-current\n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->OS default<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Light<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"dark\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Dark<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-color-theme>\n        <mdn-language-switcher\n      \n      \n      \n      \n      \n     locale=\"en-US\" native=\"English (US)\" translations=\"[{&quot;locale&quot;:&quot;en-US&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;English (US)&quot;},{&quot;locale&quot;:&quot;es&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Español&quot;},{&quot;locale&quot;:&quot;fr&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Français&quot;},{&quot;locale&quot;:&quot;ja&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;日本語&quot;},{&quot;locale&quot;:&quot;ko&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;한국어&quot;},{&quot;locale&quot;:&quot;pt-BR&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Português (do Brasil)&quot;},{&quot;locale&quot;:&quot;ru&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Русский&quot;},{&quot;locale&quot;:&quot;zh-CN&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;中文 (简体)&quot;},{&quot;locale&quot;:&quot;zh-TW&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;正體中文 (繁體)&quot;},{&quot;locale&quot;:&quot;de&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Deutsch&quot;}]\" url=\"/en-US/observatory\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.language-switcher{position:relative}.language-switcher__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.language-switcher__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media screen and (width <= 480px){.language-switcher__button>span{display:none}}.language-switcher__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.language-switcher__dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);margin:0;padding:.75rem;position:absolute;right:0;width:max-content;z-index:1}.language_switcher__remember{border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-small);place-items:center;width:100%}.language_switcher__remember mdn-switch{padding:.25rem}:is(.language_switcher__remember mdn-switch):hover{background-color:var(--color-background-secondary)}.language-switcher__list{background-color:var(--color-background-primary);list-style:none;margin:0;padding:0;width:100%}.language-switcher__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;display:flex;font:inherit;margin:0;padding:.25rem;-webkit-text-decoration:none;text-decoration:none;width:100%}.language-switcher__option:hover,.language-switcher__option[data-current]{background-color:var(--color-background-secondary)}</style><!--lit-part chc5lPcfcrc=--><div class=\"language-switcher\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <button\n          part=\"button\"\n          slot=\"button\"\n          class=\"language-switcher__button\"\n          type=\"button\"\n          aria-labelledby=\"current-locale\"\n        >\n          <span id=\"current-locale\"><!--lit-part-->English (US)<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"language-switcher__dropdown\"\n          id=\"language-switcher__dropdown\"\n        >\n          <div class=\"language_switcher__remember\">\n            <!--lit-node 7--><mdn-switch\n              \n              \n               defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>@property --switch-position{syntax:\"<percentage>\";inherits:false;initial-value:0}.switch{cursor:pointer;display:flex;gap:.5em;place-items:center}.switch__input{--switch-size:1.25em;appearance:none;background-color:var(--color-text-secondary);background-image:radial-gradient(circle at calc(var(--switch-size)/2),var(--color-background-primary) calc((var(--switch-size)/2)*.8),#0000 calc((var(--switch-size)/2)*.8 + 1px));background-position:var(--switch-position) 0;background-repeat:no-repeat;background-size:var(--switch-size);border-radius:var(--radius-full);display:inline-block;height:var(--switch-size);margin:0;transition:--switch-position .2s;width:calc(var(--switch-size)*1.6)}.switch__input:checked{--switch-position:100%;background-color:var(--color-link-normal)}.switch__input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.switch__input:active:not(:disabled){filter:brightness(1.2)}.switch__input:disabled{opacity:.7}</style><!--lit-part 5r9QLJvcF6A=--> <label class=\"switch\">\n      <!--lit-node 1--><input\n        class=\"switch__input\"\n        type=\"checkbox\"\n        \n        \n        \n      />\n      <slot></slot>\n    </label><!--/lit-part--></template><!--lit-part-->Remember language<!--/lit-part--></mdn-switch\n            >\n            <!--lit-node 9--><mdn-button\n              \n              \n              \n              \n              \n              \n               variant=\"plain\" icon-only href=\"https://github.com/orgs/mdn/discussions/739\" target=\"_blank\" title=\"Enable this setting to always switch to the current language when available. (Click to learn more.)\" defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}:host{display:inline-flex;vertical-align:middle}.button{box-sizing:border-box;height:100%;width:100%}</style><!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://github.com/orgs/mdn/discussions/739\"\n          target=\"_blank\"\n          \n          aria-labelledby=\"label-a9cabfq5old\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part quQU0uIDm5U=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-a9cabfq5old\" class=\"label\" hidden part=\"label\"\n      ><!--lit-part Pz0gobCCM4E=--><slot></slot><!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part--></template><!--lit-part-->Learn more<!--/lit-part--></mdn-button\n            >\n          </div>\n          <ul class=\"language-switcher__list\">\n            <!--lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/de/observatory\"\n              ><!--lit-part-->Deutsch<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              data-current\n              \n              href=\"/en-US/observatory\"\n              ><!--lit-part-->English (US)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/es/observatory\"\n              ><!--lit-part-->Español<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/fr/observatory\"\n              ><!--lit-part-->Français<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ja/observatory\"\n              ><!--lit-part-->日本語<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ko/observatory\"\n              ><!--lit-part-->한국어<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/pt-BR/observatory\"\n              ><!--lit-part-->Português (do Brasil)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ru/observatory\"\n              ><!--lit-part-->Русский<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-CN/observatory\"\n              ><!--lit-part-->中文 (简体)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-TW/observatory\"\n              ><!--lit-part-->正體中文 (繁體)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-language-switcher>\n      </div>\n    \n        </header>\n        <div class=\"page-layout__main\">\n        <main id=\"content\" class=\"observatory\">\n          <section class=\"observatory-top\">\n            <div class=\"observatory-top__form\">\n              <h1 class=\"observatory-top-form__title\">\n                HTTP Observatory\n              </h1>\n              <p class=\"observatory-top-form__description\">\n                Launched in 2016, the ⁨HTTP Observatory⁩ enhances web security by analyzing compliance with best security practices. It has provided insights to over 6.9 million websites through 47 million scans.\n              </p>\n              <mdn-observatory-form\n                \n               class=\"observatory-top-form__form\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:host{font:400 var(--base-font-size) var(--font-body);--border-radius:0.3rem}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle-cde67e41-0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle-cde67e41-0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:\"\";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}</style><!--lit-part DIaQoQrjO/E=-->\n          <!--lit-node 0--><form  class=\"observatory-form\">\n            <div class=\"observatory-form__input-group\">\n              <label htmlFor=\"host\" class=\"visually-hidden\">\n                Domain name or URL\n              </label>\n              <!--lit-node 3--><input\n                class=\"input observatory-form__input\"\n                placeholder=\"Scan a website for free (e.g. mdn.dev)\"\n                type=\"text\"\n                name=\"host\"\n                id=\"host\"\n                value=\"\"\n                autofocus\n                \n              />\n              <!--lit-node 4--><button\n                class=\"button observatory-form__submit\"\n                type=\"submit\"\n                \n                data-variant=\"primary\"\n              >\n                Scan\n              </button>\n            </div>\n          </form>\n          <!--lit-part--><!--/lit-part-->\n        <!--/lit-part--></template></mdn-observatory-form>\n            </div>\n            <section class=\"observatory-top__illustration\">\n              <!--lit-part 2dYSuU16zBw=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"345\" height=\"318\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 345 318\"><path fill=\"url(#paint0_linear_6797_502)\" fill-rule=\"evenodd\" d=\"M202.364 217.973c24.338-7.764 95.821-46.342 106.084-68.913 10.811-23.777-7.958-58.538-34.718-77.516-26.274-18.633-56.151.104-80.38-6.015-21.996-5.555-44.186-13.935-65.99-5.492-23.244 9 1.981 45.132-44.556 57.644-48.27 12.978-48.71 59.189-35.237 79.619 12.861 19.501 67.474-.01 90.887 6.434 21.798 5.999 41.699 21.325 63.91 14.239\" clip-rule=\"evenodd\"/><path fill=\"#D5D5D5\" fill-rule=\"evenodd\" d=\"M187.165 304.049c-37.85-.274-75.132.633-103.468 1.908-29.852 1.344-56.708 6.052-52.917 8.043 1.144 4.249 41.986.073 70.784 1.343 26.145 1.153 50.738 2.516 85.601 2.654 37.166.147 56.681-5.122 100.409-1.919 47.487 3.478 60.929-.145 55.835-2.078-4.862-1.845-51.574-5.472-79.063-6.738-25.592-1.178-42.639-2.964-77.181-3.213\" clip-rule=\"evenodd\"/><path fill=\"#B5B1F8\" d=\"m268.422 156 62 27.818v41.727c0 38.598-26.453 74.692-62 83.455-35.547-8.763-62-44.857-62-83.455v-41.727zm0 41.727c-9.645 0-19.289 7.65-19.289 17.387v10.431c-4.133 0-8.267 4.173-8.267 9.041v24.341c0 4.173 4.134 8.346 8.956 8.346h37.889c4.133 0 8.266-4.173 8.266-9.041v-24.341c0-4.173-4.133-8.346-8.266-8.346v-10.431c0-9.737-9.645-17.387-19.289-17.387m0 8.346c5.511 0 10.333 3.477 10.333 9.041v10.431h-20.666v-10.431c0-5.564 4.822-9.041 10.333-9.041\"/><path fill=\"#D99654\" d=\"m179.308 155.193 13.512-4.394-4.504 12.45-17.265 1.464-3.003-2.929s-3.908-5.664-6.005-9.521c-3.266-6.005-7.507-24.167-7.507-24.167l6.006-.733z\"/><path fill=\"#0D086C\" d=\"m217.157 303.844 7.405 1.452v4.358l-14.81.726s-.291-1.377 0-2.179c.706-1.945 3.527-.178 5.184-1.452 1.137-.875 2.221-2.905 2.221-2.905m-23.344-.934 7.406 1.453v4.357l-14.811.726s-.291-1.377 0-2.178c.706-1.946 3.527-.178 5.184-1.453 1.137-.875 2.221-2.905 2.221-2.905\"/><path fill=\"#000\" stroke=\"#000\" d=\"m201.692 138.958 5.208-2.232s5.953-6.697.745-9.674 2.261-3.823.744-5.208c-1.563-1.426-3.444 2.654-5.209 1.488-1.94-1.282 5.953-5.953 0-5.953s-.517-2.113-1.488-2.977c-1.738-1.544-4.751-1.989-5.953 0-.13.216-.208.461-.246.722-.576-1.396-1.448-2.705-2.731-2.954-1.454-.282-3.72.744-3.72.744v1.488s-1.589.662-2.232 1.489c-.399.513-.794.84-.745 1.488.063.819 1.165.733 1.489 1.488.343.801-.044 1.362 0 2.232.432 8.615 11.905 18.603 11.905 18.603z\"/><path fill=\"#F2AE9B\" d=\"M178.307 128.409c-.121 2.037 2.329 2.546 2.957 3.381 3.189 4.241-.258 7.649 5.894 9.035 4.805-1.092 5.508.049 8.047-8.636.635-9.12-2.226-10.29-6.145-11.189-3.368-.199-3.454 3.213-5.457 5.814-2.159 1.918-2.857 1.392-5.296 1.595\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"m197.227 130.027-7.441-1.488\"/><path fill=\"#F2AE9B\" d=\"m202.332 143.032-3.062-9.189s1.412-.391 2.042-1.021c.891-.892 1.199-1.816 1.02-3.064-.126-.882-.308-1.506-1.021-2.041-.957-.717-1.966-.478-3.063 0-1.519.663-2.299 3.567-2.299 3.567l-.951-1.254-7.84 10.799s3.846-2.072 5.984-1.044c2.86 1.375 1.856 7.911 1.856 7.911 1.529-1.705 5.804-2.959 7.334-4.664\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".2\" d=\"M188.125 135.93s-3.002 1.798-5.055.82\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"M185.33 126.66c-.753 1.341-.367 2.935.787 3.582 1.155.647 2.716.146 3.468-1.195.753-1.342.367-2.935-.787-3.582-1.155-.648-2.716-.147-3.468 1.195Zm-.01-.349s-.744-.746-1.488-.745\"/><ellipse cx=\".744\" cy=\"1.488\" fill=\"#000\" rx=\".744\" ry=\"1.488\" transform=\"scale(-1 1)rotate(-31.982 126.303 391.705)\"/><path fill=\"#EA9541\" d=\"M187.35 256.591c-3.065-16.999 7.785-41.736 7.785-41.736s-.926 3.09 13.615 3.091c14.541 0 15.5-2.761 15.5-2.761s-.307 19.887.657 33.009c1.33 18.12 0 57.454 0 57.454l-9.082.732-11.922-58.186v57.454l-10.568-2.929s-3.74-33.681-5.985-46.128\"/><path fill=\"#E8672C\" d=\"m204.664 250.001-8.929-33.681s-11.162 16.109-8.185 35.878c2.976 19.769 6.697 51.254 6.697 51.254l10.417 2.929z\"/><path fill=\"#F7E7CD\" d=\"M195.759 216.506c.32 3.508 18.692 3.835 29.739 0 0 0 .102-16.1-1.232-26.291-1.643-12.557-4.56-19.228-7.482-31.549-.38-1.636-9.727-13.521-11.223-14.272l-2.993-1.502c-1.317 0-6.687 4.069-7.96 5.048l.076-.1-.347.31.271-.21c-.789 1.047-7.556 9.999-9.249 11.477-2.239 1.954-3.742 2.254-3.742 2.254l-12.549-30.941-4.659 1.036 6.734 31.407s3.339 6.953 7.482 8.263c2.789.882 4.68.535 7.482-.307 2.582-.776 5.986-3.449 5.986-3.449z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m160.949 126.367-5.754 2.275s-3.912-6.293-3.994-7.238.139-.38.139-.38m4.228-3.941s-.583-.749-.39.479c.194 1.227 1.745 5.176 1.745 5.176m-3.439-5.813s-.472-.466-.39.478c.083.945 2.468 5.544 2.468 5.544m-3.136-4.304s-.722-.368-.278.761 2.524 4.219 2.524 4.219\"/><path fill=\"#FE987B\" d=\"M160.133 126.636s4.918-5.403 2.829-4.371c-1.792.886-2.789.854-3.267.723l-.365-.17-3.07-5.556s-1.212-1.111-1.086.077 1.454 5.035 1.454 5.035l-2.755-5.509s-.793-.649-.762.263c.03.912 2.152 5.409 2.152 5.409l-2.281-4.134s-1.301-.474-.921.626 2.28 4.134 2.28 4.134l-2.663-2.772s-.698-.374-.667.538c.03.913 4.147 7.629 4.147 7.629z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"M156.56 125.367s.493-.994 1.008-1.549c.458-.492 1.746-.862 1.746-.862\"/><path fill=\"#D9D9D9\" d=\"m176.175 121.545-67.556-28.728s-20.008-2.462-21.048.86c-1.132 3.618 15.075 14.46 15.075 14.46l27.659 7.229 44.336 12.077z\"/><path fill=\"#3E7AD8\" d=\"M112.039 94.29s-4.908-3.568-9.521-5.913c-4.088-2.078-10.777-4.492-10.777-4.492s-2.489 4.758-3.919 7.913c-1.556 3.435-3.548 9.19-3.548 9.19s6.492 4.678 11.24 5.425c4.657.733 7.13 1.722 7.13 1.722s3.661-3.421 5.855-6.136c2.187-2.706 3.54-7.71 3.54-7.71\"/><path stroke=\"#90BAE1\" d=\"M142.375 115.157s-8.669 5.25-13.485 4.5-5.779-9.001-5.779-9.001.673 9.562 4.816 9.001c3.869-.524.963-4.5.963-4.5\"/><path fill=\"#90BAE1\" d=\"M132.745 124.157c-2.774-.955-3.852-5.251-3.852-5.251-1.542 1.2-1.927 2-1.927 2.25s.634 2.536 1.927 3.751c1.399 1.315 2.704 1.788 4.815 2.25.574.126 1.247.185 1.927.204v77.028a32 32 0 0 0-3.853.775l-2.889 3.751-5.78 42.754-4.815 54.755h4.815l2.89-54.755 5.779-42.754 3.853-.75v98.259h3.853v-98.259l3.852.75 4.816 43.504.963 54.005h5.779l-2.889-54.755-5.779-42.754s-1.224-2.639-2.89-3.751c-.993-.663-2.381-.941-3.852-1.003v-80.004l-3.853.431s-1.839-.07-2.89-.431\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m169.695 129.945-3.954.962s-3.763-6.772-3.759-7.737.159-.361.159-.361m4.189-3.327s-.47-.844-.396.422 1.16 5.482 1.16 5.482m-2.653-6.381s-.392-.542-.396.423c-.004.964 1.788 5.961 1.788 5.961m-2.501-4.814s-.629-.481-.318.724c.31 1.205 1.95 4.635 1.95 4.635m4.094.232s.186-1.314.481-2.051c.262-.654.873-1.509.873-1.509\"/><path fill=\"#F2AE9B\" d=\"M169.448 129.704s2.353-8.299.806-6.739c-.334.336-.573.899-.742 1.475-.291.991-.375 2.023-.375 2.023l-2.494-6.742s-.783-1.084-.71.182 1.16 5.481 1.16 5.481l-2.339-6.14s-.705-.782-.709.183c-.004.964 1.788 5.961 1.788 5.961l-1.951-4.635s-1.179-.66-.869.545 1.951 4.635 1.951 4.635l-2.351-3.248s-.628-.481-.632.484 3.759 7.737 3.759 7.737z\"/><path fill=\"#F9CD6B\" fill-rule=\"evenodd\" d=\"M0 48.5C0 62.583 11.193 74 25 74s25-11.417 25-25.5S38.807 23 25 23 0 34.417 0 48.5m27.802 3.324 2.278 6.407-1.922.684-2.279-6.408.327-.686-.12-.355a6.22 6.22 0 0 1-4.322-.383 6.252 6.252 0 1 1 8.33-2.962 6.22 6.22 0 0 1-3.11 3.026l.132.35zm-1.289-10.73-.49-.201c-.423.352-1.108.964-1.784 1.782l2.484 1.181c.207-1.041.25-1.958.255-2.509-.144-.1-.3-.175-.465-.253m2.729 3.96a4.75 4.75 0 0 0-1.411-3.035c-.01.559-.06 1.356-.24 2.25zm-7.523-3.577 1.65.785a12.7 12.7 0 0 1 1.595-1.606 4.75 4.75 0 0 0-3.244.821m-1.614 1.895a4.9 4.9 0 0 0-.42 1.398l1.86.884.515-1.353.723-1.253-1.859-.884a4.9 4.9 0 0 0-.819 1.208m7.867 5.338c.325-.347.613-.774.82-1.208s.355-.928.42-1.398l-1.86-.884a9.1 9.1 0 0 1-1.239 2.606zm-4.32-5.249-.724 1.253-.515 1.353 2.832 1.346a9.1 9.1 0 0 0 1.239-2.606zm-1.268 6.32c.156.074.312.148.472.192a13 13 0 0 0 1.802-1.774l-2.484-1.18a13 13 0 0 0-.238 2.516zm4.793-.384-1.65-.785a12.6 12.6 0 0 1-1.595 1.606 4.75 4.75 0 0 0 3.245-.821m-7.522-3.576a4.75 4.75 0 0 0 1.411 3.035c.01-.56.06-1.357.24-2.25zm-1.203-16.084a2.47 2.47 0 0 0-1.403 1.266l-2.12 4.459 2.23 1.06 2.12-4.46 4.459 2.12 1.06-2.229-4.46-2.12a2.47 2.47 0 0 0-1.886-.096m13.35 37.546a2.47 2.47 0 0 0 1.403-1.266l2.12-4.459-2.23-1.06-2.12 4.46-4.46-2.12-1.059 2.229 4.46 2.12c.59.28 1.27.316 1.886.096M6.354 55.185c.22.617.675 1.121 1.266 1.403l4.459 2.12 1.06-2.23-4.46-2.12L10.8 49.9l-2.229-1.06-2.12 4.46a2.47 2.47 0 0 0-.096 1.886M43.9 41.835a2.47 2.47 0 0 0-1.266-1.402l-4.459-2.12-1.06 2.23 4.46 2.12-2.12 4.458 2.229 1.06 2.12-4.459a2.47 2.47 0 0 0 .096-1.887M99.5 67C89.283 67 81 58.717 81 48.5S89.283 30 99.5 30 118 38.283 118 48.5 109.717 67 99.5 67m2.683-22.5 1.933-.886s.58-.265 1.091.086c.318.439.54.922.761 1.405a9.53 9.53 0 0 1-4.717 12.684 9.53 9.53 0 0 1-12.684-4.717 9.53 9.53 0 0 1 4.717-12.684s.967-.442 1.41.524l.885 1.934.966-.443s.967-.442 1.41.524l.442.967 1.934-.885s.966-.443 1.409.524zm-11.904 7.203c.354.774 1.34 1.14 2.114.787.773-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.113m1.916-7.308c-.773.354-1.14 1.34-.786 2.114s1.34 1.14 2.114.786 1.14-1.34.786-2.114-1.34-1.14-2.114-.786m5.09 11.117c.354.773 1.34 1.14 2.114.786s1.14-1.34.786-2.114-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m-1.73-5.055c.354.774 1.341 1.14 2.114.786.774-.354 1.14-1.34.787-2.114-.355-.773-1.341-1.14-2.115-.786-.773.354-1.14 1.34-.786 2.114m5.719-.28c.354.774 1.341 1.14 2.114.787.774-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m9.889-3.942-1.934.885.885 1.934 1.934-.886zm-.886-1.933-2.655-5.8-1.934.884 2.656 5.8zM47 100.5c0 8.008 6.492 14.5 14.5 14.5S76 108.508 76 100.5 69.508 86 61.5 86 47 92.492 47 100.5m22.105-2.903a25 25 0 0 1-1.528 3.141c-.544.941-1.198 1.913-1.943 2.73-.749.82-1.564 1.46-2.426 1.776-.826.304-1.823.358-2.884.247-1.057-.111-2.145-.383-3.133-.701a25 25 0 0 1-3.08-1.231q.099-.234.252-.569c.281-.608.691-1.435 1.21-2.306 1.054-1.773 2.488-3.614 4.109-4.307.834-.356 1.855-.466 2.95-.41 1.09.055 2.221.273 3.25.543a26 26 0 0 1 3.223 1.087m-15.635 6.202-.233.442.002.001.004.002.015.008.056.029.21.105a26 26 0 0 0 3.36 1.356c1.029.331 2.187.623 3.335.744 1.144.12 2.31.073 3.334-.303 1.069-.393 2.013-1.156 2.82-2.041.81-.888 1.505-1.925 2.07-2.903a26.5 26.5 0 0 0 1.74-3.657l.024-.062.006-.017.002-.004v-.002l-.47-.17.208-.454h-.002l-.004-.003-.016-.007-.058-.026-.221-.096a27 27 0 0 0-3.515-1.199c-1.07-.28-2.273-.514-3.454-.574-1.178-.06-2.368.051-3.394.49-1.94.828-3.513 2.927-4.576 4.715a26 26 0 0 0-1.678 3.368l-.023.056-.006.016-.002.004v.001zm0 0-.466-.18-.16.415.393.207zm16.275-6.472.47.17.156-.433-.418-.191zm-10.624 4.566a3.211 3.211 0 1 0 5.967-2.374 3.211 3.211 0 0 0-5.967 2.374m.45-.509a1.377 1.377 0 1 0 2.559-1.019 1.377 1.377 0 0 0-2.558 1.019\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_6797_502\" x1=\"127.551\" x2=\"202.834\" y1=\"45.621\" y2=\"204.145\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#090968\"/><stop offset=\"1\" stop-color=\"#A388FF\"/></linearGradient></defs></svg><!--/lit-part-->\n            </section>\n          </section>\n          <section class=\"observatory-about-wrapper\">\n            <div class=\"observatory-about\">\n              <h2 class=\"observatory-about__title\">\n                About the HTTP Observatory\n              </h2>\n              <div class=\"observatory-about__content\">\n                <figure class=\"assessment\">\n                  <!--lit-part GuS/hy6PSFQ=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" role=\"presentation\" viewBox=\"0 0 50 50\"><path d=\"m33.926 30.302 10.715 10.714-3.215 3.215-10.714-10.715v-1.693l-.578-.6a13.87 13.87 0 0 1-9.065 3.365 13.929 13.929 0 1 1 13.929-13.929c0 3.45-1.264 6.622-3.364 9.064l.6.579zM21.07 9.945l-1.178.064c-.515 1.114-1.307 3-1.886 5.293h6.129a31 31 0 0 0-1.886-5.293c-.386-.064-.772-.064-1.179-.064m9.279 5.357a10.6 10.6 0 0 0-5.743-4.757 28 28 0 0 1 1.671 4.757zm-18.557 0h4.071a28 28 0 0 1 1.672-4.757 10.6 10.6 0 0 0-5.743 4.757m-1.436 5.357c0 1.072.171 2.207.493 3.214h4.586l-.258-3.214.258-3.214h-4.586a10.8 10.8 0 0 0-.493 3.214m20.936 3.214c.321-1.007.492-2.143.492-3.214s-.17-2.207-.492-3.214h-4.586q.257 1.607.257 3.214 0 1.608-.257 3.214zm-13.715-6.428-.257 3.214.257 3.214h6.986a20.3 20.3 0 0 0 0-6.428zm3.493 13.928c.386 0 .772 0 1.136-.064.536-1.114 1.35-3 1.929-5.293h-6.13a28.6 28.6 0 0 0 1.93 5.293zm9.279-5.357h-4.072a28 28 0 0 1-1.671 4.757 10.6 10.6 0 0 0 5.743-4.757m-18.557 0a10.6 10.6 0 0 0 5.743 4.757 28 28 0 0 1-1.672-4.757z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Developed by Mozilla, the ⁨HTTP Observatory⁩ performs an in-depth assessment of a site’s HTTP headers and other key security configurations.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines assessment\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"scanning\">\n                  <!--lit-part mHQG3Z4Ghxg=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 50\"><path fill=\"#5A23D7\" d=\"M5 8.333A3.333 3.333 0 0 1 8.333 5H15v3.333H8.333V15H5zm40 33.334A3.333 3.333 0 0 1 41.667 45H35v-3.333h6.667V35H45zM8.333 45A3.333 3.333 0 0 1 5 41.667V35h3.333v6.667H15V45zM41.667 5A3.333 3.333 0 0 1 45 8.333V15h-3.333V8.333H35V5zm-6.873 8.266H14.399a2.273 2.273 0 0 0-2.266 2.266V33.66a2.273 2.273 0 0 0 2.266 2.266h20.395a2.273 2.273 0 0 0 2.266-2.266V15.532a2.273 2.273 0 0 0-2.266-2.266m0 20.394H14.399V17.798h20.395z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines scanning\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"security\">\n                  <!--lit-part c3ZdXgiZZk4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 53\"><path fill=\"#5A23D7\" d=\"M22.917 28.158h4.166v2.208h-4.166zM43.75 10.493V23.74c0 12.145-7.917 23.627-18.75 26.498C14.167 47.37 6.25 35.886 6.25 23.742v-13.25L25 1.66zm-8.333 11.04h-4.584c-.416-1.325-1.25-2.429-2.291-3.312l2.5-2.65-1.459-1.545-2.916 3.091H25c-.417 0-1.042 0-1.458.22l-2.917-3.311-1.667 1.766 2.5 2.65c-1.041.662-1.875 1.767-2.291 3.091h-4.584v2.208h4.167v2.209h-4.167v2.208h4.167v2.208h-4.167v2.208h4.584C20 35.224 22.292 36.99 25 36.99s5-1.766 5.833-4.416h4.584v-2.208H31.25v-2.208h4.167V25.95H31.25v-2.21h4.167zm-12.5 4.417h4.166v-2.21h-4.166z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines security\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"mdn\">\n                  <!--lit-part GemHl3T9S+A=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 -5 50 60\"><path fill=\"#5A23D7\" d=\"M44.17 3.973H6.667C4.375 3.973 2.5 5.96 2.5 8.389v35.334c0 2.429 1.875 4.416 4.167 4.416H44.17c2.292 0 4.167-1.987 4.167-4.416V8.389c0-2.429-1.875-4.416-4.167-4.416m0 39.75H6.667V12.806H44.17z\"/><path fill=\"#5A23D7\" d=\"m22.95 17.227-5.642 19.255H15l5.622-19.255zm2.05 0v19.255h-2.05V17.227zm7.95 0-5.622 19.255h-2.307l5.621-19.255zm2.052 0v19.255H32.95V17.227z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The ⁨HTTP Observatory⁩ provides effective security insights, guided by Mozilla&#39;s expertise and commitment to a safer and more secure internet and based on well-established trends and guidelines.</p>\n                  </figcaption>\n                </figure>\n              </div>\n              <aside class=\"observatory-about__links\">\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"/en-US/observatory/docs/faq\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-0j5d2yvkbd4i\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part mExVKXe/bdM=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-0j5d2yvkbd4i\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Read our FAQ<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://survey.alchemer.com/s3/7897385/MDN-HTTP-Observatory\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-hylkvq6rfnb\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part 9Xz9b0Idnp4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-hylkvq6rfnb\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Report Feedback<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n              </aside>\n            </div>\n            <section class=\"observatory-sidebar\">\n              <mdn-placement-sidebar></mdn-placement-sidebar>\n            </section>\n          </section>\n        </main>\n      </div>\n        <div class=\"page-layout__footer\">\n      <mdn-placement-bottom></mdn-placement-bottom>\n      <footer class=\"footer\">\n        <div class=\"footer__mdn\">\n          <div class=\"footer__intro\">\n            <a\n              class=\"footer__logo\"\n              href=\"/\"\n              aria-label=\"MDN logo\"\n              ><!--lit-part eLWenVoT9SE=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"83\" height=\"24\" viewBox=\"0 0 83 24\"><path d=\"M9.4 0 2.81 21.17H.12L6.69 0zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0zm2.39 0v21.17h-2.4V0zm22.11 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a3 3 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.4 4.4 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43s2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83m14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Zm1.31 5.15H83V24H67.71z\"/></svg><!--/lit-part--></a\n            >\n            <p>\n              Your blueprint for a better internet.\n            </p>\n          </div>\n\n          <ul class=\"footer__socials\">\n            \n                <li>\n                  <a\n                    href=\"https://github.com/mdn/\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on GitHub\"\n                    data-icon=\"github\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://bsky.app/profile/developer.mozilla.org\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Bluesky\"\n                    data-icon=\"bluesky\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://x.com/mozdevnet\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on X\"\n                    data-icon=\"x\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://mastodon.social/@mdn\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Mastodon\"\n                    data-icon=\"mastodon\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"/en-US/blog/rss.xml\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN blog RSS feed\"\n                    data-icon=\"rss\"\n                  ></a>\n                </li>\n              \n          </ul>\n\n          \n              <dl class=\"footer__links\">\n                <dt>MDN</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/about\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            About\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/blog/\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Blog\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://www.mozilla.org/en-US/careers/listings/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Mozilla careers\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/advertising\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Advertise with us\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/plus\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Plus\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://support.mozilla.org/products/mdn-plus\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Product help\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Contribute</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Community\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Community resources\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Writing_guidelines\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Writing guidelines\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/discord\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN Discord\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://github.com/mdn\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN on GitHub\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Developers</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Web\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Web technologies\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Learn_web_development\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Learn web development\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Guides\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Guides\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Tutorials\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Tutorials\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Glossary\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Glossary\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://hacks.mozilla.org/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Hacks blog\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n        </div>\n\n        <div class=\"footer__mozilla\">\n          <a\n            class=\"footer__logo\"\n            href=\"https://www.mozilla.org/\"\n            aria-label=\"Mozilla logo\"\n            ><!--lit-part /TOdX171+us=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"30\" viewBox=\"0 0 256 60\"><path d=\"m13.32 22.1 5.1 24.3h2.1l5.1-24.3H39.3v37.34h-7.26V28.46h-2.1l-6.96 30.98h-7.02L9.02 28.46h-2.1v31H-.35V22.1h13.66Zm45.12 8.74c8.73 0 13.8 5.15 13.8 14.57S67.14 60 58.44 60c-8.73 0-13.8-5.17-13.8-14.59 0-9.43 5.07-14.57 13.8-14.57m0 23.34c4.1 0 6.16-2.1 6.16-6.73v-4.12c0-4.62-2.06-6.73-6.16-6.73s-6.15 2.1-6.15 6.73v4.12c0 4.63 2.05 6.73 6.15 6.73m17.68-.14 14.82-17.26H76.32v-5.41h23.31v5.4L84.84 54.05h15.03v5.4H76.13v-5.41Zm28.07-22.67h10.7v28.07h-7.25V36.77h-3.48v-5.4zm3.44-9.27h7.26v5.4h-7.25v-5.4Zm12.62 0h10.72v37.34h-7.24V27.5h-3.48zm16.08 0h10.7v37.34h-7.25V27.5h-3.48v-5.4zm27.8 8.74c4.24 0 7.08 2.05 7.87 5.63h2.1v-5.1h8.88v5.4h-3.47v17.28h3.47v5.4h-4.25c-3 0-4.63-1.63-4.63-4.62v-.48H172c-.78 3.58-3.63 5.63-7.88 5.63-6.68 0-11.4-5.59-11.4-14.58 0-9 4.72-14.55 11.4-14.55m2.2 23.34c4.1 0 5.93-2.1 5.93-6.73v-4.12c0-4.62-1.82-6.73-5.94-6.73-3.99 0-5.92 2.1-5.92 6.73v4.13c0 4.62 1.92 6.72 5.93 6.72m46.28 5.27h-7.26V0h7.26zm6.3-28.41h30.8v-2.1l-20.4-7.32v-5.88l20.4-7.33v-2.1h-24.27V0h30.79v12l-16.62 5.63v2.11l16.61 5.64v12H218.9zm0-24.73h6.5v6.52h-6.5z\"/></svg><!--/lit-part--></a\n          >\n          <ul>\n            \n                <li>\n                  <a href=\"https://www.mozilla.org/privacy/websites/\" class=\"external\"\n                    >Website Privacy Notice</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/en-US/privacy/websites/data-preferences/\" class=\"external\"\n                    >Telemetry Settings</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/legal/terms/mozilla\" class=\"external\"\n                    >Legal</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/governance/policies/participation/\" class=\"external\"\n                    >Community Participation Guidelines</a\n                  >\n                </li>\n              \n          </ul>\n          <p>\n            Visit <a href=\"https://www.mozilla.org/\">Mozilla Corporation’s</a> not-for-profit parent, the <a href=\"https://foundation.mozilla.org/\">Mozilla Foundation</a>.<br />\n            Portions of this content are ©1998–⁨2026⁩ by individual mozilla.org contributors. Content available under <a href=\"/docs/MDN/Writing_guidelines/Attrib_copyright_license\">a Creative Commons license</a>.\n          </p>\n        </div>\n      </footer>\n    </div>\n      </body>\n    \n      </html>\n    ",
      "httpEquiv": {
        "content-security-policy": []
      }
    },
    "http": {
      "headers": {
        "connection": "close",
        "content-length": "17984",
        "x-goog-stored-content-length": "118068",
        "x-goog-metageneration": "1",
        "referrer-policy": "strict-origin-when-cross-origin",
        "expires": "Mon, 12 Jan 2026 02:23:13 GMT",
        "x-goog-hash": "crc32c=s3WvUg==, md5=SZwioIFHOFyuGFVNhK8gTQ==",
        "content-security-policy": "default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' mdn.github.io *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';",
        "x-goog-meta-goog-reserved-file-mtime": "1768178682",
        "x-frame-options": "DENY",
        "x-goog-stored-content-encoding": "identity",
        "x-goog-generation": "1768180246914205",
        "via": "1.1 google, 1.1 varnish, 1.1 varnish, 1.1 varnish",
        "server": "Google Frontend",
        "origin-trial": "AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=",
        "last-modified": "Mon, 12 Jan 2026 01:10:46 GMT",
        "x-goog-storage-class": "STANDARD",
        "x-cloud-trace-context": "8dcf8e2be357bfc178a82de3e21f1bd0",
        "x-content-type-options": "nosniff",
        "content-type": "text/html",
        "etag": "\"499c22a08147385cae18554d84af204d\"",
        "cache-control": "public, max-age=3600",
        "x-guploader-uploadid": "AJRbA5U49pMY66VbLDWoUtHpOJRydioEowlLqd8FxTkGaykZsFGGl3xXD9QKpYtHw8vNY4bDK3USRNc",
        "strict-transport-security": "max-age=63072000",
        "accept-ranges": "bytes",
        "date": "Mon, 12 Jan 2026 15:50:42 GMT",
        "age": "311",
        "x-served-by": "cache-bfi-kbfi7400058-BFI, cache-bfi-kbfi7400053-BFI, cache-par-lfpg1960060-PAR",
        "x-cache": "MISS, MISS, HIT",
        "x-cache-hits": "0, 0, 1",
        "x-timer": "S1768233043.555390,VS0,VE2",
        "vary": "Accept-Encoding"
      },
      "status": 200,
      "statusText": "OK",
      "verified": true,
      "data": "\n      <!doctype html>\n      <html\n        lang=\"en-US\"\n        data-theme=\"light dark\"\n        data-renderer=\"SpaObservatoryLanding\"\n        \n        \n      >\n        <head>\n          <meta charset=\"UTF-8\" />\n          <meta\n            name=\"viewport\"\n            content=\"width=device-width, initial-scale=1.0\"\n          />\n          <title>HTTP Header Security Test - HTTP Observatory | MDN</title>\n          \n          <script>try {\n  document.documentElement.dataset.theme =\n    localStorage.getItem(\"theme\") || \"light dark\";\n} catch (error) {\n  console.warn(\"Unable to set theme\", error);\n}\n\ntry {\n  if (localStorage.getItem(\"nop\") === \"yes\") {\n    document.documentElement.dataset[\"nop\"] = \"yes\";\n  }\n} catch (error) {\n  console.warn(\"Unable to set nop\", error);\n}\n</script>\n          <link rel=\"stylesheet\" href=\"/static/client/styles-global.4f74dfdec3090bf2.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/4067.668ae18be7f23607.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-observatory-landing.7b47ee0004877825.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/3391.cf8a6eadcf4a9e30.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-page-layout.e9b295138adbd4bc.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-a11y-menu.5796ee87cb69f93f.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-navigation.013b4a4ed330892a.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-logo.aea5ff6edf1b9cfb.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-menu.c41c14be9597dcd9.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs-bar.02910e49bb8b2372.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs.d06ce8d09f42feb8.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-footer.a2850e459e2d290b.css\" fetchpriority=\"high\" />\n          <link\n                rel=\"preload\"\n                href=\"/static/client/jetbrains-mono-latin.119994ed445212c7.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              /><link\n                rel=\"preload\"\n                href=\"/static/client/inter-latin.9a3b1bc220d426ef.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              />\n          <script src=\"/static/client/runtime.78ab025a4834993c.js\" type=\"module\"></script><script src=\"/static/client/1111.53dba753dc3eb961.js\" type=\"module\"></script><script src=\"/static/client/8903.ce3ee42276c345b9.js\" type=\"module\"></script><script src=\"/static/client/index.84551a04d557157b.js\" type=\"module\"></script>\n          \n    <link\n      rel=\"icon\"\n      sizes=\"32x32\"\n      href=\"https://developer.mozilla.org/favicon.ico\"\n    />\n    <link\n      rel=\"icon\"\n      type=\"image/svg+xml\"\n      href=\"https://developer.mozilla.org/favicon.svg\"\n    />\n   <meta name=\"description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:url\" content=\"https://developer.mozilla.org/en-US/observatory\" /><meta name=\"og:title\" content=\"HTTP Header Security Test - HTTP Observatory | MDN\" /><meta name=\"og:locale\" content=\"en_US\" /><meta name=\"og:description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:image\" content=\"https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png\" /><meta name=\"og:image:type\" content=\"image/png\" /><meta name=\"og:image:height\" content=\"1080\" /><meta name=\"og:image:width\" content=\"1920\" /><meta name=\"og:image:alt\" content=\"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.\" /><meta name=\"og:site_name\" content=\"MDN Web Docs\" /><meta name=\"twitter:card\" content=\"summary_large_image\" /><meta name=\"twitter:creator\" content=\"MozDevNet\" />\n          <link\n            rel=\"canonical\"\n            href=\"https://developer.mozilla.org/en-US/observatory\"\n          />\n          <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" />\n          <link rel=\"manifest\" href=\"/manifest.json\" />\n          <link\n            rel=\"search\"\n            type=\"application/opensearchdescription+xml\"\n            href=\"/opensearch.xml\"\n            title=\"MDN Web Docs\"\n          />\n          <link\n            rel=\"alternate\"\n            type=\"application/rss+xml\"\n            title=\"MDN Blog RSS Feed\"\n            href=\"https://developer.mozilla.org/en-US/blog/rss.xml\"\n          />\n        </head>\n        \n      <body class=\"page-layout\">\n        <ul class=\"a11y-menu\">\n      <li><a href=\"#content\">Skip to main content</a></li>\n      <li><a href=\"#search\">Skip to search</a></li>\n    </ul>\n        <div class=\"page-layout__banner\" data-scheme=\"\">\n          <mdn-placement-top></mdn-placement-top>\n        </div>\n        <header class=\"page-layout__header\">\n          \n      <nav class=\"navigation\" data-scheme=\"\" data-open=\"false\">\n        <div class=\"navigation__logo\">\n      <a href=\"/en-US/\" class=\"logo\">\n        <svg\n          class=\"logo__image\"\n          width=\"83\"\n          height=\"24\"\n          viewBox=\"0 0 83 24\"\n          role=\"img\"\n        >\n          <title>MDN</title>\n          <path\n            class=\"logo__letter\"\n            d=\"M9.4 0 2.81 21.17H.12L6.69 0H9.4Zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0h2.69Zm2.39 0v21.17h-2.4V0h2.4Z\"\n          />\n          <path\n            class=\"logo__text\"\n            d=\"M45.55 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a2.98 2.98 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4v1.27Zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.41 4.41 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43 1.36 0 2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83Zm14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Z\"\n          />\n          <path class=\"logo__cursor\" d=\"M67.71 21.98H83V24H67.71v-2.02Z\" />\n        </svg>\n      </a>\n    </div>\n        <div class=\"navigation__search\" data-view=\"mobile\">\n          <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n        </div>\n        <button\n          class=\"navigation__button\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"navigation__popup\"\n          aria-label=\"Toggle navigation\"\n        ></button>\n        <div class=\"navigation__popup\" id=\"navigation__popup\">\n          <div class=\"navigation__menu\">\n      <nav class=\"menu\">\n        <div class=\"menu__tab\" data-section=\"html\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >HTML</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/HTML\"\n        \n        \n        data-glean-id=\"menu_click_menu: html -&gt; /en-US/docs/Web/HTML\"\n        >HTML: Markup language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>HTML reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Elements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Elements\"\n        >Elements</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Global_attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Global_attributes\"\n        >Global attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Attributes\"\n        >Attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference\"\n        aria-label=\"See all HTML references\"\n        title=\"See all HTML references\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>HTML guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Responsive_images\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Responsive_images\"\n        >Responsive images</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        >HTML cheatsheet</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        >Date &amp; time formats</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides\"\n        aria-label=\"See all HTML guides\"\n        title=\"See all HTML guides\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Markup languages</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/SVG\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/SVG\"\n        >SVG</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/MathML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/MathML\"\n        >MathML</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/XML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/XML\"\n        >XML</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"css\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >CSS</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/CSS\"\n        \n        \n        data-glean-id=\"menu_click_menu: css -&gt; /en-US/docs/Web/CSS\"\n        >CSS: Styling language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>CSS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Properties\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Properties\"\n        >Properties</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Selectors\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Selectors\"\n        >Selectors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/At-rules\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/At-rules\"\n        >At-rules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Values\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Values\"\n        >Values</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference\"\n        aria-label=\"See all CSS references\"\n        title=\"See all CSS references\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>CSS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        >Box model</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Animations/Using\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Animations/Using\"\n        >Animations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        >Flexbox</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        >Colors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides\"\n        aria-label=\"See all CSS guides\"\n        title=\"See all CSS guides\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Layout cookbook</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        >Column layouts</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        >Centering an element</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        >Card component</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"javascript\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\" data-type=\"long\"\n                            >JavaScript</span\n                          ><span class=\"menu__tab-label\" data-type=\"short\"\n                            >JS</span\n                          >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/JavaScript\"\n        \n        \n        data-glean-id=\"menu_click_menu: javascript -&gt; /en-US/docs/Web/JavaScript\"\n        >JavaScript: Scripting language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>JS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        >Standard built-in objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Operators\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Operators\"\n        >Expressions &amp; operators</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Statements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Statements\"\n        >Statements &amp; declarations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Functions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Functions\"\n        >Functions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference\"\n        aria-label=\"See all JavaScript references\"\n        title=\"See all JavaScript references\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>JS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        >Control flow &amp; error handing</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        >Loops and iteration</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        >Working with objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        >Using classes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide\"\n        aria-label=\"See all JavaScript guides\"\n        title=\"See all JavaScript guides\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"webapis\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Web APIs</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/API\"\n        \n        \n        data-glean-id=\"menu_click_menu: webapis -&gt; /en-US/docs/Web/API\"\n        >Web APIs: Programming interfaces</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Web API reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/File_System_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/File_System_API\"\n        >File system API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API\"\n        >Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Geolocation_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Geolocation_API\"\n        >Geolocation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/HTML_DOM_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/HTML_DOM_API\"\n        >HTML DOM API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Push_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Push_API\"\n        >Push API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Service_Worker_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Service_Worker_API\"\n        >Service worker API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API\"\n        aria-label=\"See all Web API guides\"\n        title=\"See all Web API guides\"\n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Web API guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        >Using the Web animation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        >Using the Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        >Working with the History API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        >Using the Web speech API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        >Using web workers</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"all\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >All</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web\"\n        \n        \n        data-glean-id=\"menu_click_menu: all -&gt; /en-US/docs/Web\"\n        >All web technology</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Technologies</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Accessibility\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Accessibility\"\n        >Accessibility</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTTP\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/HTTP\"\n        >HTTP</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/URI\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/URI\"\n        >URI</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        >Web extensions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/WebAssembly\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/WebAssembly\"\n        >WebAssembly</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/WebDriver\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/WebDriver\"\n        >WebDriver</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web\"\n        aria-label=\"See all web technology references\"\n        title=\"See all web technology references\"\n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Topics</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Media\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Media\"\n        >Media</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Performance\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Performance\"\n        >Performance</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Privacy\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Privacy\"\n        >Privacy</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Security\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Security\"\n        >Security</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Progressive_web_apps\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Progressive_web_apps\"\n        >Progressive web apps</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"learn\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Learn</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Learn_web_development\"\n        \n        \n        data-glean-id=\"menu_click_menu: learn -&gt; /en-US/docs/Learn_web_development\"\n        >Learn web development</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Frontend developer course</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Getting_started\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Getting_started\"\n        >Getting started modules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core\"\n        >Core modules</a\n      >\n                              </li><li>\n                                <a\n                                        class=\"\"\n                                        \n                                        href=\"/en-US/curriculum/\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/curriculum/\"\n                                        >MDN Curriculum</a\n                                      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn HTML</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Structuring_content\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Structuring_content\"\n        >Structuring content with HTML module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn CSS</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Styling_basics\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Styling_basics\"\n        >CSS styling basics module</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/CSS_layout\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/CSS_layout\"\n        >CSS layout module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn JavaScript</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Scripting\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Scripting\"\n        >Dynamic scripting with JavaScript module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"tools\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Tools</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Discover our tools\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"circle-play\"\n                                        href=\"/en-US/play\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/play\"\n                                        >Playground</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"shield-check\"\n                                        href=\"/en-US/observatory\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/observatory\"\n                                        >HTTP Observatory</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        >Border-image generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        >Border-radius generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        >Box-shadow generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        >Color format converter</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        >Color mixer</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        >Shape generator</a\n      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"about\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >About</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Get to know MDN better\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"mdn-m\"\n                                        href=\"/en-US/about\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/about\"\n                                        >About MDN</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"chart-no-axes-combined\"\n                                        href=\"/en-US/advertising\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/advertising\"\n                                        >Advertise with us</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"users\"\n                                        href=\"/en-US/community\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/community\"\n                                        >Community</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon external\"\n                                        data-icon=\"github\"\n                                        href=\"https://github.com/mdn\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; https://github.com/mdn\"\n                                        >MDN on GitHub</a\n                                      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"blog\">\n            <a\n                  class=\"menu__tab-link\"\n                  href=\"/en-US/blog/\"\n                  data-glean-id=\"menu_click_link: top-level -&gt; /en-US/blog/\"\n                  >Blog</a\n                >\n          </div>\n      </nav>\n    </div>\n          <div class=\"navigation__search\" data-view=\"desktop\">\n            <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n          </div>\n          <mdn-user-menu locale=\"en-US\"></mdn-user-menu>\n        </div>\n      </nav>\n      <mdn-search-modal id=\"search\"></mdn-search-modal>\n     \n      <div class=\"breadcrumbs-bar\" data-scheme=\"\">\n         \n      <ol\n        class=\"breadcrumbs\"\n        vocab=\"https://schema.org/\"\n        typeof=\"BreadcrumbList\"\n      >\n        \n            <li property=\"itemListElement\" typeof=\"ListItem\">\n              <a href=\"/en-US/observatory\" property=\"item\" typeof=\"WebPage\"\n                ><span property=\"name\">HTTP Observatory</span></a\n              >\n              <meta property=\"position\" content=\"1\" />\n            </li>\n          \n      </ol>\n    \n        \n        <mdn-color-theme><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.color-theme{--color-theme-light-dark:url(/static/ssr/contrast.d86e85c43de8dee8.svg);--color-theme-light:url(/static/ssr/sun.1d7c3ad7bf6fc390.svg);--color-theme-dark:url(/static/ssr/moon.74026b9da82b0694.svg);position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (width <= 769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__option[data-current]{background:var(--color-background-secondary)}</style><!--lit-part jjbrVed3TRM=--><div class=\"color-theme\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <!--lit-node 2--><button\n          part=\"button\"\n          slot=\"button\"\n          class=\"color-theme__button\"\n          data-mode=\"light dark\"\n          type=\"button\"\n          aria-label=\"Switch color theme\"\n        >\n          <span><!--lit-part-->Theme<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"color-theme__dropdown\"\n          id=\"color-theme__dropdown\"\n        >\n          <ul class=\"color-theme__list\">\n            <!--lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light dark\"\n                    data-current\n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->OS default<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Light<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"dark\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Dark<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-color-theme>\n        <mdn-language-switcher\n      \n      \n      \n      \n      \n     locale=\"en-US\" native=\"English (US)\" translations=\"[{&quot;locale&quot;:&quot;en-US&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;English (US)&quot;},{&quot;locale&quot;:&quot;es&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Español&quot;},{&quot;locale&quot;:&quot;fr&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Français&quot;},{&quot;locale&quot;:&quot;ja&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;日本語&quot;},{&quot;locale&quot;:&quot;ko&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;한국어&quot;},{&quot;locale&quot;:&quot;pt-BR&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Português (do Brasil)&quot;},{&quot;locale&quot;:&quot;ru&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Русский&quot;},{&quot;locale&quot;:&quot;zh-CN&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;中文 (简体)&quot;},{&quot;locale&quot;:&quot;zh-TW&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;正體中文 (繁體)&quot;},{&quot;locale&quot;:&quot;de&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Deutsch&quot;}]\" url=\"/en-US/observatory\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.language-switcher{position:relative}.language-switcher__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.language-switcher__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media screen and (width <= 480px){.language-switcher__button>span{display:none}}.language-switcher__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.language-switcher__dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);margin:0;padding:.75rem;position:absolute;right:0;width:max-content;z-index:1}.language_switcher__remember{border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-small);place-items:center;width:100%}.language_switcher__remember mdn-switch{padding:.25rem}:is(.language_switcher__remember mdn-switch):hover{background-color:var(--color-background-secondary)}.language-switcher__list{background-color:var(--color-background-primary);list-style:none;margin:0;padding:0;width:100%}.language-switcher__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;display:flex;font:inherit;margin:0;padding:.25rem;-webkit-text-decoration:none;text-decoration:none;width:100%}.language-switcher__option:hover,.language-switcher__option[data-current]{background-color:var(--color-background-secondary)}</style><!--lit-part chc5lPcfcrc=--><div class=\"language-switcher\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <button\n          part=\"button\"\n          slot=\"button\"\n          class=\"language-switcher__button\"\n          type=\"button\"\n          aria-labelledby=\"current-locale\"\n        >\n          <span id=\"current-locale\"><!--lit-part-->English (US)<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"language-switcher__dropdown\"\n          id=\"language-switcher__dropdown\"\n        >\n          <div class=\"language_switcher__remember\">\n            <!--lit-node 7--><mdn-switch\n              \n              \n               defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>@property --switch-position{syntax:\"<percentage>\";inherits:false;initial-value:0}.switch{cursor:pointer;display:flex;gap:.5em;place-items:center}.switch__input{--switch-size:1.25em;appearance:none;background-color:var(--color-text-secondary);background-image:radial-gradient(circle at calc(var(--switch-size)/2),var(--color-background-primary) calc((var(--switch-size)/2)*.8),#0000 calc((var(--switch-size)/2)*.8 + 1px));background-position:var(--switch-position) 0;background-repeat:no-repeat;background-size:var(--switch-size);border-radius:var(--radius-full);display:inline-block;height:var(--switch-size);margin:0;transition:--switch-position .2s;width:calc(var(--switch-size)*1.6)}.switch__input:checked{--switch-position:100%;background-color:var(--color-link-normal)}.switch__input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.switch__input:active:not(:disabled){filter:brightness(1.2)}.switch__input:disabled{opacity:.7}</style><!--lit-part 5r9QLJvcF6A=--> <label class=\"switch\">\n      <!--lit-node 1--><input\n        class=\"switch__input\"\n        type=\"checkbox\"\n        \n        \n        \n      />\n      <slot></slot>\n    </label><!--/lit-part--></template><!--lit-part-->Remember language<!--/lit-part--></mdn-switch\n            >\n            <!--lit-node 9--><mdn-button\n              \n              \n              \n              \n              \n              \n               variant=\"plain\" icon-only href=\"https://github.com/orgs/mdn/discussions/739\" target=\"_blank\" title=\"Enable this setting to always switch to the current language when available. (Click to learn more.)\" defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}:host{display:inline-flex;vertical-align:middle}.button{box-sizing:border-box;height:100%;width:100%}</style><!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://github.com/orgs/mdn/discussions/739\"\n          target=\"_blank\"\n          \n          aria-labelledby=\"label-a9cabfq5old\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part quQU0uIDm5U=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-a9cabfq5old\" class=\"label\" hidden part=\"label\"\n      ><!--lit-part Pz0gobCCM4E=--><slot></slot><!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part--></template><!--lit-part-->Learn more<!--/lit-part--></mdn-button\n            >\n          </div>\n          <ul class=\"language-switcher__list\">\n            <!--lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/de/observatory\"\n              ><!--lit-part-->Deutsch<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              data-current\n              \n              href=\"/en-US/observatory\"\n              ><!--lit-part-->English (US)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/es/observatory\"\n              ><!--lit-part-->Español<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/fr/observatory\"\n              ><!--lit-part-->Français<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ja/observatory\"\n              ><!--lit-part-->日本語<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ko/observatory\"\n              ><!--lit-part-->한국어<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/pt-BR/observatory\"\n              ><!--lit-part-->Português (do Brasil)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ru/observatory\"\n              ><!--lit-part-->Русский<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-CN/observatory\"\n              ><!--lit-part-->中文 (简体)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-TW/observatory\"\n              ><!--lit-part-->正體中文 (繁體)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-language-switcher>\n      </div>\n    \n        </header>\n        <div class=\"page-layout__main\">\n        <main id=\"content\" class=\"observatory\">\n          <section class=\"observatory-top\">\n            <div class=\"observatory-top__form\">\n              <h1 class=\"observatory-top-form__title\">\n                HTTP Observatory\n              </h1>\n              <p class=\"observatory-top-form__description\">\n                Launched in 2016, the ⁨HTTP Observatory⁩ enhances web security by analyzing compliance with best security practices. It has provided insights to over 6.9 million websites through 47 million scans.\n              </p>\n              <mdn-observatory-form\n                \n               class=\"observatory-top-form__form\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:host{font:400 var(--base-font-size) var(--font-body);--border-radius:0.3rem}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle-cde67e41-0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle-cde67e41-0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:\"\";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}</style><!--lit-part DIaQoQrjO/E=-->\n          <!--lit-node 0--><form  class=\"observatory-form\">\n            <div class=\"observatory-form__input-group\">\n              <label htmlFor=\"host\" class=\"visually-hidden\">\n                Domain name or URL\n              </label>\n              <!--lit-node 3--><input\n                class=\"input observatory-form__input\"\n                placeholder=\"Scan a website for free (e.g. mdn.dev)\"\n                type=\"text\"\n                name=\"host\"\n                id=\"host\"\n                value=\"\"\n                autofocus\n                \n              />\n              <!--lit-node 4--><button\n                class=\"button observatory-form__submit\"\n                type=\"submit\"\n                \n                data-variant=\"primary\"\n              >\n                Scan\n              </button>\n            </div>\n          </form>\n          <!--lit-part--><!--/lit-part-->\n        <!--/lit-part--></template></mdn-observatory-form>\n            </div>\n            <section class=\"observatory-top__illustration\">\n              <!--lit-part 2dYSuU16zBw=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"345\" height=\"318\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 345 318\"><path fill=\"url(#paint0_linear_6797_502)\" fill-rule=\"evenodd\" d=\"M202.364 217.973c24.338-7.764 95.821-46.342 106.084-68.913 10.811-23.777-7.958-58.538-34.718-77.516-26.274-18.633-56.151.104-80.38-6.015-21.996-5.555-44.186-13.935-65.99-5.492-23.244 9 1.981 45.132-44.556 57.644-48.27 12.978-48.71 59.189-35.237 79.619 12.861 19.501 67.474-.01 90.887 6.434 21.798 5.999 41.699 21.325 63.91 14.239\" clip-rule=\"evenodd\"/><path fill=\"#D5D5D5\" fill-rule=\"evenodd\" d=\"M187.165 304.049c-37.85-.274-75.132.633-103.468 1.908-29.852 1.344-56.708 6.052-52.917 8.043 1.144 4.249 41.986.073 70.784 1.343 26.145 1.153 50.738 2.516 85.601 2.654 37.166.147 56.681-5.122 100.409-1.919 47.487 3.478 60.929-.145 55.835-2.078-4.862-1.845-51.574-5.472-79.063-6.738-25.592-1.178-42.639-2.964-77.181-3.213\" clip-rule=\"evenodd\"/><path fill=\"#B5B1F8\" d=\"m268.422 156 62 27.818v41.727c0 38.598-26.453 74.692-62 83.455-35.547-8.763-62-44.857-62-83.455v-41.727zm0 41.727c-9.645 0-19.289 7.65-19.289 17.387v10.431c-4.133 0-8.267 4.173-8.267 9.041v24.341c0 4.173 4.134 8.346 8.956 8.346h37.889c4.133 0 8.266-4.173 8.266-9.041v-24.341c0-4.173-4.133-8.346-8.266-8.346v-10.431c0-9.737-9.645-17.387-19.289-17.387m0 8.346c5.511 0 10.333 3.477 10.333 9.041v10.431h-20.666v-10.431c0-5.564 4.822-9.041 10.333-9.041\"/><path fill=\"#D99654\" d=\"m179.308 155.193 13.512-4.394-4.504 12.45-17.265 1.464-3.003-2.929s-3.908-5.664-6.005-9.521c-3.266-6.005-7.507-24.167-7.507-24.167l6.006-.733z\"/><path fill=\"#0D086C\" d=\"m217.157 303.844 7.405 1.452v4.358l-14.81.726s-.291-1.377 0-2.179c.706-1.945 3.527-.178 5.184-1.452 1.137-.875 2.221-2.905 2.221-2.905m-23.344-.934 7.406 1.453v4.357l-14.811.726s-.291-1.377 0-2.178c.706-1.946 3.527-.178 5.184-1.453 1.137-.875 2.221-2.905 2.221-2.905\"/><path fill=\"#000\" stroke=\"#000\" d=\"m201.692 138.958 5.208-2.232s5.953-6.697.745-9.674 2.261-3.823.744-5.208c-1.563-1.426-3.444 2.654-5.209 1.488-1.94-1.282 5.953-5.953 0-5.953s-.517-2.113-1.488-2.977c-1.738-1.544-4.751-1.989-5.953 0-.13.216-.208.461-.246.722-.576-1.396-1.448-2.705-2.731-2.954-1.454-.282-3.72.744-3.72.744v1.488s-1.589.662-2.232 1.489c-.399.513-.794.84-.745 1.488.063.819 1.165.733 1.489 1.488.343.801-.044 1.362 0 2.232.432 8.615 11.905 18.603 11.905 18.603z\"/><path fill=\"#F2AE9B\" d=\"M178.307 128.409c-.121 2.037 2.329 2.546 2.957 3.381 3.189 4.241-.258 7.649 5.894 9.035 4.805-1.092 5.508.049 8.047-8.636.635-9.12-2.226-10.29-6.145-11.189-3.368-.199-3.454 3.213-5.457 5.814-2.159 1.918-2.857 1.392-5.296 1.595\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"m197.227 130.027-7.441-1.488\"/><path fill=\"#F2AE9B\" d=\"m202.332 143.032-3.062-9.189s1.412-.391 2.042-1.021c.891-.892 1.199-1.816 1.02-3.064-.126-.882-.308-1.506-1.021-2.041-.957-.717-1.966-.478-3.063 0-1.519.663-2.299 3.567-2.299 3.567l-.951-1.254-7.84 10.799s3.846-2.072 5.984-1.044c2.86 1.375 1.856 7.911 1.856 7.911 1.529-1.705 5.804-2.959 7.334-4.664\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".2\" d=\"M188.125 135.93s-3.002 1.798-5.055.82\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"M185.33 126.66c-.753 1.341-.367 2.935.787 3.582 1.155.647 2.716.146 3.468-1.195.753-1.342.367-2.935-.787-3.582-1.155-.648-2.716-.147-3.468 1.195Zm-.01-.349s-.744-.746-1.488-.745\"/><ellipse cx=\".744\" cy=\"1.488\" fill=\"#000\" rx=\".744\" ry=\"1.488\" transform=\"scale(-1 1)rotate(-31.982 126.303 391.705)\"/><path fill=\"#EA9541\" d=\"M187.35 256.591c-3.065-16.999 7.785-41.736 7.785-41.736s-.926 3.09 13.615 3.091c14.541 0 15.5-2.761 15.5-2.761s-.307 19.887.657 33.009c1.33 18.12 0 57.454 0 57.454l-9.082.732-11.922-58.186v57.454l-10.568-2.929s-3.74-33.681-5.985-46.128\"/><path fill=\"#E8672C\" d=\"m204.664 250.001-8.929-33.681s-11.162 16.109-8.185 35.878c2.976 19.769 6.697 51.254 6.697 51.254l10.417 2.929z\"/><path fill=\"#F7E7CD\" d=\"M195.759 216.506c.32 3.508 18.692 3.835 29.739 0 0 0 .102-16.1-1.232-26.291-1.643-12.557-4.56-19.228-7.482-31.549-.38-1.636-9.727-13.521-11.223-14.272l-2.993-1.502c-1.317 0-6.687 4.069-7.96 5.048l.076-.1-.347.31.271-.21c-.789 1.047-7.556 9.999-9.249 11.477-2.239 1.954-3.742 2.254-3.742 2.254l-12.549-30.941-4.659 1.036 6.734 31.407s3.339 6.953 7.482 8.263c2.789.882 4.68.535 7.482-.307 2.582-.776 5.986-3.449 5.986-3.449z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m160.949 126.367-5.754 2.275s-3.912-6.293-3.994-7.238.139-.38.139-.38m4.228-3.941s-.583-.749-.39.479c.194 1.227 1.745 5.176 1.745 5.176m-3.439-5.813s-.472-.466-.39.478c.083.945 2.468 5.544 2.468 5.544m-3.136-4.304s-.722-.368-.278.761 2.524 4.219 2.524 4.219\"/><path fill=\"#FE987B\" d=\"M160.133 126.636s4.918-5.403 2.829-4.371c-1.792.886-2.789.854-3.267.723l-.365-.17-3.07-5.556s-1.212-1.111-1.086.077 1.454 5.035 1.454 5.035l-2.755-5.509s-.793-.649-.762.263c.03.912 2.152 5.409 2.152 5.409l-2.281-4.134s-1.301-.474-.921.626 2.28 4.134 2.28 4.134l-2.663-2.772s-.698-.374-.667.538c.03.913 4.147 7.629 4.147 7.629z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"M156.56 125.367s.493-.994 1.008-1.549c.458-.492 1.746-.862 1.746-.862\"/><path fill=\"#D9D9D9\" d=\"m176.175 121.545-67.556-28.728s-20.008-2.462-21.048.86c-1.132 3.618 15.075 14.46 15.075 14.46l27.659 7.229 44.336 12.077z\"/><path fill=\"#3E7AD8\" d=\"M112.039 94.29s-4.908-3.568-9.521-5.913c-4.088-2.078-10.777-4.492-10.777-4.492s-2.489 4.758-3.919 7.913c-1.556 3.435-3.548 9.19-3.548 9.19s6.492 4.678 11.24 5.425c4.657.733 7.13 1.722 7.13 1.722s3.661-3.421 5.855-6.136c2.187-2.706 3.54-7.71 3.54-7.71\"/><path stroke=\"#90BAE1\" d=\"M142.375 115.157s-8.669 5.25-13.485 4.5-5.779-9.001-5.779-9.001.673 9.562 4.816 9.001c3.869-.524.963-4.5.963-4.5\"/><path fill=\"#90BAE1\" d=\"M132.745 124.157c-2.774-.955-3.852-5.251-3.852-5.251-1.542 1.2-1.927 2-1.927 2.25s.634 2.536 1.927 3.751c1.399 1.315 2.704 1.788 4.815 2.25.574.126 1.247.185 1.927.204v77.028a32 32 0 0 0-3.853.775l-2.889 3.751-5.78 42.754-4.815 54.755h4.815l2.89-54.755 5.779-42.754 3.853-.75v98.259h3.853v-98.259l3.852.75 4.816 43.504.963 54.005h5.779l-2.889-54.755-5.779-42.754s-1.224-2.639-2.89-3.751c-.993-.663-2.381-.941-3.852-1.003v-80.004l-3.853.431s-1.839-.07-2.89-.431\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m169.695 129.945-3.954.962s-3.763-6.772-3.759-7.737.159-.361.159-.361m4.189-3.327s-.47-.844-.396.422 1.16 5.482 1.16 5.482m-2.653-6.381s-.392-.542-.396.423c-.004.964 1.788 5.961 1.788 5.961m-2.501-4.814s-.629-.481-.318.724c.31 1.205 1.95 4.635 1.95 4.635m4.094.232s.186-1.314.481-2.051c.262-.654.873-1.509.873-1.509\"/><path fill=\"#F2AE9B\" d=\"M169.448 129.704s2.353-8.299.806-6.739c-.334.336-.573.899-.742 1.475-.291.991-.375 2.023-.375 2.023l-2.494-6.742s-.783-1.084-.71.182 1.16 5.481 1.16 5.481l-2.339-6.14s-.705-.782-.709.183c-.004.964 1.788 5.961 1.788 5.961l-1.951-4.635s-1.179-.66-.869.545 1.951 4.635 1.951 4.635l-2.351-3.248s-.628-.481-.632.484 3.759 7.737 3.759 7.737z\"/><path fill=\"#F9CD6B\" fill-rule=\"evenodd\" d=\"M0 48.5C0 62.583 11.193 74 25 74s25-11.417 25-25.5S38.807 23 25 23 0 34.417 0 48.5m27.802 3.324 2.278 6.407-1.922.684-2.279-6.408.327-.686-.12-.355a6.22 6.22 0 0 1-4.322-.383 6.252 6.252 0 1 1 8.33-2.962 6.22 6.22 0 0 1-3.11 3.026l.132.35zm-1.289-10.73-.49-.201c-.423.352-1.108.964-1.784 1.782l2.484 1.181c.207-1.041.25-1.958.255-2.509-.144-.1-.3-.175-.465-.253m2.729 3.96a4.75 4.75 0 0 0-1.411-3.035c-.01.559-.06 1.356-.24 2.25zm-7.523-3.577 1.65.785a12.7 12.7 0 0 1 1.595-1.606 4.75 4.75 0 0 0-3.244.821m-1.614 1.895a4.9 4.9 0 0 0-.42 1.398l1.86.884.515-1.353.723-1.253-1.859-.884a4.9 4.9 0 0 0-.819 1.208m7.867 5.338c.325-.347.613-.774.82-1.208s.355-.928.42-1.398l-1.86-.884a9.1 9.1 0 0 1-1.239 2.606zm-4.32-5.249-.724 1.253-.515 1.353 2.832 1.346a9.1 9.1 0 0 0 1.239-2.606zm-1.268 6.32c.156.074.312.148.472.192a13 13 0 0 0 1.802-1.774l-2.484-1.18a13 13 0 0 0-.238 2.516zm4.793-.384-1.65-.785a12.6 12.6 0 0 1-1.595 1.606 4.75 4.75 0 0 0 3.245-.821m-7.522-3.576a4.75 4.75 0 0 0 1.411 3.035c.01-.56.06-1.357.24-2.25zm-1.203-16.084a2.47 2.47 0 0 0-1.403 1.266l-2.12 4.459 2.23 1.06 2.12-4.46 4.459 2.12 1.06-2.229-4.46-2.12a2.47 2.47 0 0 0-1.886-.096m13.35 37.546a2.47 2.47 0 0 0 1.403-1.266l2.12-4.459-2.23-1.06-2.12 4.46-4.46-2.12-1.059 2.229 4.46 2.12c.59.28 1.27.316 1.886.096M6.354 55.185c.22.617.675 1.121 1.266 1.403l4.459 2.12 1.06-2.23-4.46-2.12L10.8 49.9l-2.229-1.06-2.12 4.46a2.47 2.47 0 0 0-.096 1.886M43.9 41.835a2.47 2.47 0 0 0-1.266-1.402l-4.459-2.12-1.06 2.23 4.46 2.12-2.12 4.458 2.229 1.06 2.12-4.459a2.47 2.47 0 0 0 .096-1.887M99.5 67C89.283 67 81 58.717 81 48.5S89.283 30 99.5 30 118 38.283 118 48.5 109.717 67 99.5 67m2.683-22.5 1.933-.886s.58-.265 1.091.086c.318.439.54.922.761 1.405a9.53 9.53 0 0 1-4.717 12.684 9.53 9.53 0 0 1-12.684-4.717 9.53 9.53 0 0 1 4.717-12.684s.967-.442 1.41.524l.885 1.934.966-.443s.967-.442 1.41.524l.442.967 1.934-.885s.966-.443 1.409.524zm-11.904 7.203c.354.774 1.34 1.14 2.114.787.773-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.113m1.916-7.308c-.773.354-1.14 1.34-.786 2.114s1.34 1.14 2.114.786 1.14-1.34.786-2.114-1.34-1.14-2.114-.786m5.09 11.117c.354.773 1.34 1.14 2.114.786s1.14-1.34.786-2.114-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m-1.73-5.055c.354.774 1.341 1.14 2.114.786.774-.354 1.14-1.34.787-2.114-.355-.773-1.341-1.14-2.115-.786-.773.354-1.14 1.34-.786 2.114m5.719-.28c.354.774 1.341 1.14 2.114.787.774-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m9.889-3.942-1.934.885.885 1.934 1.934-.886zm-.886-1.933-2.655-5.8-1.934.884 2.656 5.8zM47 100.5c0 8.008 6.492 14.5 14.5 14.5S76 108.508 76 100.5 69.508 86 61.5 86 47 92.492 47 100.5m22.105-2.903a25 25 0 0 1-1.528 3.141c-.544.941-1.198 1.913-1.943 2.73-.749.82-1.564 1.46-2.426 1.776-.826.304-1.823.358-2.884.247-1.057-.111-2.145-.383-3.133-.701a25 25 0 0 1-3.08-1.231q.099-.234.252-.569c.281-.608.691-1.435 1.21-2.306 1.054-1.773 2.488-3.614 4.109-4.307.834-.356 1.855-.466 2.95-.41 1.09.055 2.221.273 3.25.543a26 26 0 0 1 3.223 1.087m-15.635 6.202-.233.442.002.001.004.002.015.008.056.029.21.105a26 26 0 0 0 3.36 1.356c1.029.331 2.187.623 3.335.744 1.144.12 2.31.073 3.334-.303 1.069-.393 2.013-1.156 2.82-2.041.81-.888 1.505-1.925 2.07-2.903a26.5 26.5 0 0 0 1.74-3.657l.024-.062.006-.017.002-.004v-.002l-.47-.17.208-.454h-.002l-.004-.003-.016-.007-.058-.026-.221-.096a27 27 0 0 0-3.515-1.199c-1.07-.28-2.273-.514-3.454-.574-1.178-.06-2.368.051-3.394.49-1.94.828-3.513 2.927-4.576 4.715a26 26 0 0 0-1.678 3.368l-.023.056-.006.016-.002.004v.001zm0 0-.466-.18-.16.415.393.207zm16.275-6.472.47.17.156-.433-.418-.191zm-10.624 4.566a3.211 3.211 0 1 0 5.967-2.374 3.211 3.211 0 0 0-5.967 2.374m.45-.509a1.377 1.377 0 1 0 2.559-1.019 1.377 1.377 0 0 0-2.558 1.019\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_6797_502\" x1=\"127.551\" x2=\"202.834\" y1=\"45.621\" y2=\"204.145\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#090968\"/><stop offset=\"1\" stop-color=\"#A388FF\"/></linearGradient></defs></svg><!--/lit-part-->\n            </section>\n          </section>\n          <section class=\"observatory-about-wrapper\">\n            <div class=\"observatory-about\">\n              <h2 class=\"observatory-about__title\">\n                About the HTTP Observatory\n              </h2>\n              <div class=\"observatory-about__content\">\n                <figure class=\"assessment\">\n                  <!--lit-part GuS/hy6PSFQ=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" role=\"presentation\" viewBox=\"0 0 50 50\"><path d=\"m33.926 30.302 10.715 10.714-3.215 3.215-10.714-10.715v-1.693l-.578-.6a13.87 13.87 0 0 1-9.065 3.365 13.929 13.929 0 1 1 13.929-13.929c0 3.45-1.264 6.622-3.364 9.064l.6.579zM21.07 9.945l-1.178.064c-.515 1.114-1.307 3-1.886 5.293h6.129a31 31 0 0 0-1.886-5.293c-.386-.064-.772-.064-1.179-.064m9.279 5.357a10.6 10.6 0 0 0-5.743-4.757 28 28 0 0 1 1.671 4.757zm-18.557 0h4.071a28 28 0 0 1 1.672-4.757 10.6 10.6 0 0 0-5.743 4.757m-1.436 5.357c0 1.072.171 2.207.493 3.214h4.586l-.258-3.214.258-3.214h-4.586a10.8 10.8 0 0 0-.493 3.214m20.936 3.214c.321-1.007.492-2.143.492-3.214s-.17-2.207-.492-3.214h-4.586q.257 1.607.257 3.214 0 1.608-.257 3.214zm-13.715-6.428-.257 3.214.257 3.214h6.986a20.3 20.3 0 0 0 0-6.428zm3.493 13.928c.386 0 .772 0 1.136-.064.536-1.114 1.35-3 1.929-5.293h-6.13a28.6 28.6 0 0 0 1.93 5.293zm9.279-5.357h-4.072a28 28 0 0 1-1.671 4.757 10.6 10.6 0 0 0 5.743-4.757m-18.557 0a10.6 10.6 0 0 0 5.743 4.757 28 28 0 0 1-1.672-4.757z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Developed by Mozilla, the ⁨HTTP Observatory⁩ performs an in-depth assessment of a site’s HTTP headers and other key security configurations.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines assessment\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"scanning\">\n                  <!--lit-part mHQG3Z4Ghxg=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 50\"><path fill=\"#5A23D7\" d=\"M5 8.333A3.333 3.333 0 0 1 8.333 5H15v3.333H8.333V15H5zm40 33.334A3.333 3.333 0 0 1 41.667 45H35v-3.333h6.667V35H45zM8.333 45A3.333 3.333 0 0 1 5 41.667V35h3.333v6.667H15V45zM41.667 5A3.333 3.333 0 0 1 45 8.333V15h-3.333V8.333H35V5zm-6.873 8.266H14.399a2.273 2.273 0 0 0-2.266 2.266V33.66a2.273 2.273 0 0 0 2.266 2.266h20.395a2.273 2.273 0 0 0 2.266-2.266V15.532a2.273 2.273 0 0 0-2.266-2.266m0 20.394H14.399V17.798h20.395z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines scanning\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"security\">\n                  <!--lit-part c3ZdXgiZZk4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 53\"><path fill=\"#5A23D7\" d=\"M22.917 28.158h4.166v2.208h-4.166zM43.75 10.493V23.74c0 12.145-7.917 23.627-18.75 26.498C14.167 47.37 6.25 35.886 6.25 23.742v-13.25L25 1.66zm-8.333 11.04h-4.584c-.416-1.325-1.25-2.429-2.291-3.312l2.5-2.65-1.459-1.545-2.916 3.091H25c-.417 0-1.042 0-1.458.22l-2.917-3.311-1.667 1.766 2.5 2.65c-1.041.662-1.875 1.767-2.291 3.091h-4.584v2.208h4.167v2.209h-4.167v2.208h4.167v2.208h-4.167v2.208h4.584C20 35.224 22.292 36.99 25 36.99s5-1.766 5.833-4.416h4.584v-2.208H31.25v-2.208h4.167V25.95H31.25v-2.21h4.167zm-12.5 4.417h4.166v-2.21h-4.166z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines security\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"mdn\">\n                  <!--lit-part GemHl3T9S+A=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 -5 50 60\"><path fill=\"#5A23D7\" d=\"M44.17 3.973H6.667C4.375 3.973 2.5 5.96 2.5 8.389v35.334c0 2.429 1.875 4.416 4.167 4.416H44.17c2.292 0 4.167-1.987 4.167-4.416V8.389c0-2.429-1.875-4.416-4.167-4.416m0 39.75H6.667V12.806H44.17z\"/><path fill=\"#5A23D7\" d=\"m22.95 17.227-5.642 19.255H15l5.622-19.255zm2.05 0v19.255h-2.05V17.227zm7.95 0-5.622 19.255h-2.307l5.621-19.255zm2.052 0v19.255H32.95V17.227z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The ⁨HTTP Observatory⁩ provides effective security insights, guided by Mozilla&#39;s expertise and commitment to a safer and more secure internet and based on well-established trends and guidelines.</p>\n                  </figcaption>\n                </figure>\n              </div>\n              <aside class=\"observatory-about__links\">\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"/en-US/observatory/docs/faq\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-0j5d2yvkbd4i\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part mExVKXe/bdM=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-0j5d2yvkbd4i\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Read our FAQ<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://survey.alchemer.com/s3/7897385/MDN-HTTP-Observatory\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-hylkvq6rfnb\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part 9Xz9b0Idnp4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-hylkvq6rfnb\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Report Feedback<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n              </aside>\n            </div>\n            <section class=\"observatory-sidebar\">\n              <mdn-placement-sidebar></mdn-placement-sidebar>\n            </section>\n          </section>\n        </main>\n      </div>\n        <div class=\"page-layout__footer\">\n      <mdn-placement-bottom></mdn-placement-bottom>\n      <footer class=\"footer\">\n        <div class=\"footer__mdn\">\n          <div class=\"footer__intro\">\n            <a\n              class=\"footer__logo\"\n              href=\"/\"\n              aria-label=\"MDN logo\"\n              ><!--lit-part eLWenVoT9SE=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"83\" height=\"24\" viewBox=\"0 0 83 24\"><path d=\"M9.4 0 2.81 21.17H.12L6.69 0zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0zm2.39 0v21.17h-2.4V0zm22.11 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a3 3 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.4 4.4 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43s2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83m14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Zm1.31 5.15H83V24H67.71z\"/></svg><!--/lit-part--></a\n            >\n            <p>\n              Your blueprint for a better internet.\n            </p>\n          </div>\n\n          <ul class=\"footer__socials\">\n            \n                <li>\n                  <a\n                    href=\"https://github.com/mdn/\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on GitHub\"\n                    data-icon=\"github\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://bsky.app/profile/developer.mozilla.org\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Bluesky\"\n                    data-icon=\"bluesky\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://x.com/mozdevnet\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on X\"\n                    data-icon=\"x\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://mastodon.social/@mdn\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Mastodon\"\n                    data-icon=\"mastodon\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"/en-US/blog/rss.xml\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN blog RSS feed\"\n                    data-icon=\"rss\"\n                  ></a>\n                </li>\n              \n          </ul>\n\n          \n              <dl class=\"footer__links\">\n                <dt>MDN</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/about\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            About\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/blog/\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Blog\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://www.mozilla.org/en-US/careers/listings/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Mozilla careers\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/advertising\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Advertise with us\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/plus\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Plus\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://support.mozilla.org/products/mdn-plus\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Product help\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Contribute</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Community\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Community resources\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Writing_guidelines\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Writing guidelines\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/discord\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN Discord\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://github.com/mdn\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN on GitHub\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Developers</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Web\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Web technologies\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Learn_web_development\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Learn web development\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Guides\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Guides\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Tutorials\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Tutorials\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Glossary\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Glossary\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://hacks.mozilla.org/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Hacks blog\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n        </div>\n\n        <div class=\"footer__mozilla\">\n          <a\n            class=\"footer__logo\"\n            href=\"https://www.mozilla.org/\"\n            aria-label=\"Mozilla logo\"\n            ><!--lit-part /TOdX171+us=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"30\" viewBox=\"0 0 256 60\"><path d=\"m13.32 22.1 5.1 24.3h2.1l5.1-24.3H39.3v37.34h-7.26V28.46h-2.1l-6.96 30.98h-7.02L9.02 28.46h-2.1v31H-.35V22.1h13.66Zm45.12 8.74c8.73 0 13.8 5.15 13.8 14.57S67.14 60 58.44 60c-8.73 0-13.8-5.17-13.8-14.59 0-9.43 5.07-14.57 13.8-14.57m0 23.34c4.1 0 6.16-2.1 6.16-6.73v-4.12c0-4.62-2.06-6.73-6.16-6.73s-6.15 2.1-6.15 6.73v4.12c0 4.63 2.05 6.73 6.15 6.73m17.68-.14 14.82-17.26H76.32v-5.41h23.31v5.4L84.84 54.05h15.03v5.4H76.13v-5.41Zm28.07-22.67h10.7v28.07h-7.25V36.77h-3.48v-5.4zm3.44-9.27h7.26v5.4h-7.25v-5.4Zm12.62 0h10.72v37.34h-7.24V27.5h-3.48zm16.08 0h10.7v37.34h-7.25V27.5h-3.48v-5.4zm27.8 8.74c4.24 0 7.08 2.05 7.87 5.63h2.1v-5.1h8.88v5.4h-3.47v17.28h3.47v5.4h-4.25c-3 0-4.63-1.63-4.63-4.62v-.48H172c-.78 3.58-3.63 5.63-7.88 5.63-6.68 0-11.4-5.59-11.4-14.58 0-9 4.72-14.55 11.4-14.55m2.2 23.34c4.1 0 5.93-2.1 5.93-6.73v-4.12c0-4.62-1.82-6.73-5.94-6.73-3.99 0-5.92 2.1-5.92 6.73v4.13c0 4.62 1.92 6.72 5.93 6.72m46.28 5.27h-7.26V0h7.26zm6.3-28.41h30.8v-2.1l-20.4-7.32v-5.88l20.4-7.33v-2.1h-24.27V0h30.79v12l-16.62 5.63v2.11l16.61 5.64v12H218.9zm0-24.73h6.5v6.52h-6.5z\"/></svg><!--/lit-part--></a\n          >\n          <ul>\n            \n                <li>\n                  <a href=\"https://www.mozilla.org/privacy/websites/\" class=\"external\"\n                    >Website Privacy Notice</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/en-US/privacy/websites/data-preferences/\" class=\"external\"\n                    >Telemetry Settings</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/legal/terms/mozilla\" class=\"external\"\n                    >Legal</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/governance/policies/participation/\" class=\"external\"\n                    >Community Participation Guidelines</a\n                  >\n                </li>\n              \n          </ul>\n          <p>\n            Visit <a href=\"https://www.mozilla.org/\">Mozilla Corporation’s</a> not-for-profit parent, the <a href=\"https://foundation.mozilla.org/\">Mozilla Foundation</a>.<br />\n            Portions of this content are ©1998–⁨2026⁩ by individual mozilla.org contributors. Content available under <a href=\"/docs/MDN/Writing_guidelines/Attrib_copyright_license\">a Creative Commons license</a>.\n          </p>\n        </div>\n      </footer>\n    </div>\n      </body>\n    \n      </html>\n    ",
      "httpEquiv": {}
    },
    "https": {
      "headers": {
        "connection": "close",
        "content-length": "17984",
        "x-goog-stored-content-length": "118068",
        "x-goog-metageneration": "1",
        "referrer-policy": "strict-origin-when-cross-origin",
        "expires": "Mon, 12 Jan 2026 02:23:13 GMT",
        "x-goog-hash": "crc32c=s3WvUg==, md5=SZwioIFHOFyuGFVNhK8gTQ==",
        "content-security-policy": "default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' mdn.github.io *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';",
        "x-goog-meta-goog-reserved-file-mtime": "1768178682",
        "x-frame-options": "DENY",
        "x-goog-stored-content-encoding": "identity",
        "x-goog-generation": "1768180246914205",
        "via": "1.1 google, 1.1 varnish, 1.1 varnish, 1.1 varnish",
        "server": "Google Frontend",
        "origin-trial": "AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=",
        "last-modified": "Mon, 12 Jan 2026 01:10:46 GMT",
        "x-goog-storage-class": "STANDARD",
        "x-cloud-trace-context": "8dcf8e2be357bfc178a82de3e21f1bd0",
        "x-content-type-options": "nosniff",
        "content-type": "text/html",
        "etag": "\"499c22a08147385cae18554d84af204d\"",
        "cache-control": "public, max-age=3600",
        "x-guploader-uploadid": "AJRbA5U49pMY66VbLDWoUtHpOJRydioEowlLqd8FxTkGaykZsFGGl3xXD9QKpYtHw8vNY4bDK3USRNc",
        "strict-transport-security": "max-age=63072000",
        "accept-ranges": "bytes",
        "date": "Mon, 12 Jan 2026 15:50:42 GMT",
        "age": "311",
        "x-served-by": "cache-bfi-kbfi7400058-BFI, cache-bfi-kbfi7400053-BFI, cache-par-lfpg1960034-PAR",
        "x-cache": "MISS, MISS, HIT",
        "x-cache-hits": "0, 0, 1",
        "x-timer": "S1768233043.557179,VS0,VE2",
        "vary": "Accept-Encoding"
      },
      "status": 200,
      "statusText": "OK",
      "verified": true,
      "data": "\n      <!doctype html>\n      <html\n        lang=\"en-US\"\n        data-theme=\"light dark\"\n        data-renderer=\"SpaObservatoryLanding\"\n        \n        \n      >\n        <head>\n          <meta charset=\"UTF-8\" />\n          <meta\n            name=\"viewport\"\n            content=\"width=device-width, initial-scale=1.0\"\n          />\n          <title>HTTP Header Security Test - HTTP Observatory | MDN</title>\n          \n          <script>try {\n  document.documentElement.dataset.theme =\n    localStorage.getItem(\"theme\") || \"light dark\";\n} catch (error) {\n  console.warn(\"Unable to set theme\", error);\n}\n\ntry {\n  if (localStorage.getItem(\"nop\") === \"yes\") {\n    document.documentElement.dataset[\"nop\"] = \"yes\";\n  }\n} catch (error) {\n  console.warn(\"Unable to set nop\", error);\n}\n</script>\n          <link rel=\"stylesheet\" href=\"/static/client/styles-global.4f74dfdec3090bf2.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/4067.668ae18be7f23607.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-observatory-landing.7b47ee0004877825.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/3391.cf8a6eadcf4a9e30.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-page-layout.e9b295138adbd4bc.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-a11y-menu.5796ee87cb69f93f.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-navigation.013b4a4ed330892a.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-logo.aea5ff6edf1b9cfb.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-menu.c41c14be9597dcd9.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs-bar.02910e49bb8b2372.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs.d06ce8d09f42feb8.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-footer.a2850e459e2d290b.css\" fetchpriority=\"high\" />\n          <link\n                rel=\"preload\"\n                href=\"/static/client/jetbrains-mono-latin.119994ed445212c7.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              /><link\n                rel=\"preload\"\n                href=\"/static/client/inter-latin.9a3b1bc220d426ef.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              />\n          <script src=\"/static/client/runtime.78ab025a4834993c.js\" type=\"module\"></script><script src=\"/static/client/1111.53dba753dc3eb961.js\" type=\"module\"></script><script src=\"/static/client/8903.ce3ee42276c345b9.js\" type=\"module\"></script><script src=\"/static/client/index.84551a04d557157b.js\" type=\"module\"></script>\n          \n    <link\n      rel=\"icon\"\n      sizes=\"32x32\"\n      href=\"https://developer.mozilla.org/favicon.ico\"\n    />\n    <link\n      rel=\"icon\"\n      type=\"image/svg+xml\"\n      href=\"https://developer.mozilla.org/favicon.svg\"\n    />\n   <meta name=\"description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:url\" content=\"https://developer.mozilla.org/en-US/observatory\" /><meta name=\"og:title\" content=\"HTTP Header Security Test - HTTP Observatory | MDN\" /><meta name=\"og:locale\" content=\"en_US\" /><meta name=\"og:description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:image\" content=\"https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png\" /><meta name=\"og:image:type\" content=\"image/png\" /><meta name=\"og:image:height\" content=\"1080\" /><meta name=\"og:image:width\" content=\"1920\" /><meta name=\"og:image:alt\" content=\"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.\" /><meta name=\"og:site_name\" content=\"MDN Web Docs\" /><meta name=\"twitter:card\" content=\"summary_large_image\" /><meta name=\"twitter:creator\" content=\"MozDevNet\" />\n          <link\n            rel=\"canonical\"\n            href=\"https://developer.mozilla.org/en-US/observatory\"\n          />\n          <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" />\n          <link rel=\"manifest\" href=\"/manifest.json\" />\n          <link\n            rel=\"search\"\n            type=\"application/opensearchdescription+xml\"\n            href=\"/opensearch.xml\"\n            title=\"MDN Web Docs\"\n          />\n          <link\n            rel=\"alternate\"\n            type=\"application/rss+xml\"\n            title=\"MDN Blog RSS Feed\"\n            href=\"https://developer.mozilla.org/en-US/blog/rss.xml\"\n          />\n        </head>\n        \n      <body class=\"page-layout\">\n        <ul class=\"a11y-menu\">\n      <li><a href=\"#content\">Skip to main content</a></li>\n      <li><a href=\"#search\">Skip to search</a></li>\n    </ul>\n        <div class=\"page-layout__banner\" data-scheme=\"\">\n          <mdn-placement-top></mdn-placement-top>\n        </div>\n        <header class=\"page-layout__header\">\n          \n      <nav class=\"navigation\" data-scheme=\"\" data-open=\"false\">\n        <div class=\"navigation__logo\">\n      <a href=\"/en-US/\" class=\"logo\">\n        <svg\n          class=\"logo__image\"\n          width=\"83\"\n          height=\"24\"\n          viewBox=\"0 0 83 24\"\n          role=\"img\"\n        >\n          <title>MDN</title>\n          <path\n            class=\"logo__letter\"\n            d=\"M9.4 0 2.81 21.17H.12L6.69 0H9.4Zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0h2.69Zm2.39 0v21.17h-2.4V0h2.4Z\"\n          />\n          <path\n            class=\"logo__text\"\n            d=\"M45.55 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a2.98 2.98 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4v1.27Zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.41 4.41 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43 1.36 0 2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83Zm14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Z\"\n          />\n          <path class=\"logo__cursor\" d=\"M67.71 21.98H83V24H67.71v-2.02Z\" />\n        </svg>\n      </a>\n    </div>\n        <div class=\"navigation__search\" data-view=\"mobile\">\n          <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n        </div>\n        <button\n          class=\"navigation__button\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"navigation__popup\"\n          aria-label=\"Toggle navigation\"\n        ></button>\n        <div class=\"navigation__popup\" id=\"navigation__popup\">\n          <div class=\"navigation__menu\">\n      <nav class=\"menu\">\n        <div class=\"menu__tab\" data-section=\"html\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >HTML</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/HTML\"\n        \n        \n        data-glean-id=\"menu_click_menu: html -&gt; /en-US/docs/Web/HTML\"\n        >HTML: Markup language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>HTML reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Elements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Elements\"\n        >Elements</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Global_attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Global_attributes\"\n        >Global attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Attributes\"\n        >Attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference\"\n        aria-label=\"See all HTML references\"\n        title=\"See all HTML references\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>HTML guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Responsive_images\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Responsive_images\"\n        >Responsive images</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        >HTML cheatsheet</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        >Date &amp; time formats</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides\"\n        aria-label=\"See all HTML guides\"\n        title=\"See all HTML guides\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Markup languages</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/SVG\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/SVG\"\n        >SVG</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/MathML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/MathML\"\n        >MathML</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/XML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/XML\"\n        >XML</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"css\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >CSS</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/CSS\"\n        \n        \n        data-glean-id=\"menu_click_menu: css -&gt; /en-US/docs/Web/CSS\"\n        >CSS: Styling language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>CSS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Properties\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Properties\"\n        >Properties</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Selectors\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Selectors\"\n        >Selectors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/At-rules\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/At-rules\"\n        >At-rules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Values\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Values\"\n        >Values</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference\"\n        aria-label=\"See all CSS references\"\n        title=\"See all CSS references\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>CSS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        >Box model</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Animations/Using\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Animations/Using\"\n        >Animations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        >Flexbox</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        >Colors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides\"\n        aria-label=\"See all CSS guides\"\n        title=\"See all CSS guides\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Layout cookbook</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        >Column layouts</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        >Centering an element</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        >Card component</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"javascript\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\" data-type=\"long\"\n                            >JavaScript</span\n                          ><span class=\"menu__tab-label\" data-type=\"short\"\n                            >JS</span\n                          >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/JavaScript\"\n        \n        \n        data-glean-id=\"menu_click_menu: javascript -&gt; /en-US/docs/Web/JavaScript\"\n        >JavaScript: Scripting language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>JS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        >Standard built-in objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Operators\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Operators\"\n        >Expressions &amp; operators</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Statements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Statements\"\n        >Statements &amp; declarations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Functions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Functions\"\n        >Functions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference\"\n        aria-label=\"See all JavaScript references\"\n        title=\"See all JavaScript references\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>JS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        >Control flow &amp; error handing</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        >Loops and iteration</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        >Working with objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        >Using classes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide\"\n        aria-label=\"See all JavaScript guides\"\n        title=\"See all JavaScript guides\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"webapis\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Web APIs</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/API\"\n        \n        \n        data-glean-id=\"menu_click_menu: webapis -&gt; /en-US/docs/Web/API\"\n        >Web APIs: Programming interfaces</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Web API reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/File_System_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/File_System_API\"\n        >File system API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API\"\n        >Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Geolocation_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Geolocation_API\"\n        >Geolocation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/HTML_DOM_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/HTML_DOM_API\"\n        >HTML DOM API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Push_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Push_API\"\n        >Push API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Service_Worker_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Service_Worker_API\"\n        >Service worker API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API\"\n        aria-label=\"See all Web API guides\"\n        title=\"See all Web API guides\"\n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Web API guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        >Using the Web animation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        >Using the Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        >Working with the History API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        >Using the Web speech API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        >Using web workers</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"all\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >All</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web\"\n        \n        \n        data-glean-id=\"menu_click_menu: all -&gt; /en-US/docs/Web\"\n        >All web technology</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Technologies</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Accessibility\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Accessibility\"\n        >Accessibility</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTTP\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/HTTP\"\n        >HTTP</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/URI\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/URI\"\n        >URI</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        >Web extensions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/WebAssembly\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/WebAssembly\"\n        >WebAssembly</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/WebDriver\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/WebDriver\"\n        >WebDriver</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web\"\n        aria-label=\"See all web technology references\"\n        title=\"See all web technology references\"\n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Topics</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Media\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Media\"\n        >Media</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Performance\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Performance\"\n        >Performance</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Privacy\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Privacy\"\n        >Privacy</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Security\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Security\"\n        >Security</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Progressive_web_apps\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Progressive_web_apps\"\n        >Progressive web apps</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"learn\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Learn</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Learn_web_development\"\n        \n        \n        data-glean-id=\"menu_click_menu: learn -&gt; /en-US/docs/Learn_web_development\"\n        >Learn web development</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Frontend developer course</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Getting_started\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Getting_started\"\n        >Getting started modules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core\"\n        >Core modules</a\n      >\n                              </li><li>\n                                <a\n                                        class=\"\"\n                                        \n                                        href=\"/en-US/curriculum/\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/curriculum/\"\n                                        >MDN Curriculum</a\n                                      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn HTML</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Structuring_content\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Structuring_content\"\n        >Structuring content with HTML module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn CSS</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Styling_basics\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Styling_basics\"\n        >CSS styling basics module</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/CSS_layout\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/CSS_layout\"\n        >CSS layout module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn JavaScript</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Scripting\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Scripting\"\n        >Dynamic scripting with JavaScript module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"tools\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Tools</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Discover our tools\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"circle-play\"\n                                        href=\"/en-US/play\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/play\"\n                                        >Playground</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"shield-check\"\n                                        href=\"/en-US/observatory\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/observatory\"\n                                        >HTTP Observatory</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        >Border-image generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        >Border-radius generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        >Box-shadow generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        >Color format converter</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        >Color mixer</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        >Shape generator</a\n      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"about\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >About</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Get to know MDN better\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"mdn-m\"\n                                        href=\"/en-US/about\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/about\"\n                                        >About MDN</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"chart-no-axes-combined\"\n                                        href=\"/en-US/advertising\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/advertising\"\n                                        >Advertise with us</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"users\"\n                                        href=\"/en-US/community\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/community\"\n                                        >Community</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon external\"\n                                        data-icon=\"github\"\n                                        href=\"https://github.com/mdn\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; https://github.com/mdn\"\n                                        >MDN on GitHub</a\n                                      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"blog\">\n            <a\n                  class=\"menu__tab-link\"\n                  href=\"/en-US/blog/\"\n                  data-glean-id=\"menu_click_link: top-level -&gt; /en-US/blog/\"\n                  >Blog</a\n                >\n          </div>\n      </nav>\n    </div>\n          <div class=\"navigation__search\" data-view=\"desktop\">\n            <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n          </div>\n          <mdn-user-menu locale=\"en-US\"></mdn-user-menu>\n        </div>\n      </nav>\n      <mdn-search-modal id=\"search\"></mdn-search-modal>\n     \n      <div class=\"breadcrumbs-bar\" data-scheme=\"\">\n         \n      <ol\n        class=\"breadcrumbs\"\n        vocab=\"https://schema.org/\"\n        typeof=\"BreadcrumbList\"\n      >\n        \n            <li property=\"itemListElement\" typeof=\"ListItem\">\n              <a href=\"/en-US/observatory\" property=\"item\" typeof=\"WebPage\"\n                ><span property=\"name\">HTTP Observatory</span></a\n              >\n              <meta property=\"position\" content=\"1\" />\n            </li>\n          \n      </ol>\n    \n        \n        <mdn-color-theme><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.color-theme{--color-theme-light-dark:url(/static/ssr/contrast.d86e85c43de8dee8.svg);--color-theme-light:url(/static/ssr/sun.1d7c3ad7bf6fc390.svg);--color-theme-dark:url(/static/ssr/moon.74026b9da82b0694.svg);position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (width <= 769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__option[data-current]{background:var(--color-background-secondary)}</style><!--lit-part jjbrVed3TRM=--><div class=\"color-theme\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <!--lit-node 2--><button\n          part=\"button\"\n          slot=\"button\"\n          class=\"color-theme__button\"\n          data-mode=\"light dark\"\n          type=\"button\"\n          aria-label=\"Switch color theme\"\n        >\n          <span><!--lit-part-->Theme<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"color-theme__dropdown\"\n          id=\"color-theme__dropdown\"\n        >\n          <ul class=\"color-theme__list\">\n            <!--lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light dark\"\n                    data-current\n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->OS default<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Light<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"dark\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Dark<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-color-theme>\n        <mdn-language-switcher\n      \n      \n      \n      \n      \n     locale=\"en-US\" native=\"English (US)\" translations=\"[{&quot;locale&quot;:&quot;en-US&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;English (US)&quot;},{&quot;locale&quot;:&quot;es&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Español&quot;},{&quot;locale&quot;:&quot;fr&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Français&quot;},{&quot;locale&quot;:&quot;ja&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;日本語&quot;},{&quot;locale&quot;:&quot;ko&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;한국어&quot;},{&quot;locale&quot;:&quot;pt-BR&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Português (do Brasil)&quot;},{&quot;locale&quot;:&quot;ru&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Русский&quot;},{&quot;locale&quot;:&quot;zh-CN&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;中文 (简体)&quot;},{&quot;locale&quot;:&quot;zh-TW&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;正體中文 (繁體)&quot;},{&quot;locale&quot;:&quot;de&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Deutsch&quot;}]\" url=\"/en-US/observatory\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.language-switcher{position:relative}.language-switcher__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.language-switcher__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media screen and (width <= 480px){.language-switcher__button>span{display:none}}.language-switcher__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.language-switcher__dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);margin:0;padding:.75rem;position:absolute;right:0;width:max-content;z-index:1}.language_switcher__remember{border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-small);place-items:center;width:100%}.language_switcher__remember mdn-switch{padding:.25rem}:is(.language_switcher__remember mdn-switch):hover{background-color:var(--color-background-secondary)}.language-switcher__list{background-color:var(--color-background-primary);list-style:none;margin:0;padding:0;width:100%}.language-switcher__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;display:flex;font:inherit;margin:0;padding:.25rem;-webkit-text-decoration:none;text-decoration:none;width:100%}.language-switcher__option:hover,.language-switcher__option[data-current]{background-color:var(--color-background-secondary)}</style><!--lit-part chc5lPcfcrc=--><div class=\"language-switcher\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <button\n          part=\"button\"\n          slot=\"button\"\n          class=\"language-switcher__button\"\n          type=\"button\"\n          aria-labelledby=\"current-locale\"\n        >\n          <span id=\"current-locale\"><!--lit-part-->English (US)<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"language-switcher__dropdown\"\n          id=\"language-switcher__dropdown\"\n        >\n          <div class=\"language_switcher__remember\">\n            <!--lit-node 7--><mdn-switch\n              \n              \n               defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>@property --switch-position{syntax:\"<percentage>\";inherits:false;initial-value:0}.switch{cursor:pointer;display:flex;gap:.5em;place-items:center}.switch__input{--switch-size:1.25em;appearance:none;background-color:var(--color-text-secondary);background-image:radial-gradient(circle at calc(var(--switch-size)/2),var(--color-background-primary) calc((var(--switch-size)/2)*.8),#0000 calc((var(--switch-size)/2)*.8 + 1px));background-position:var(--switch-position) 0;background-repeat:no-repeat;background-size:var(--switch-size);border-radius:var(--radius-full);display:inline-block;height:var(--switch-size);margin:0;transition:--switch-position .2s;width:calc(var(--switch-size)*1.6)}.switch__input:checked{--switch-position:100%;background-color:var(--color-link-normal)}.switch__input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.switch__input:active:not(:disabled){filter:brightness(1.2)}.switch__input:disabled{opacity:.7}</style><!--lit-part 5r9QLJvcF6A=--> <label class=\"switch\">\n      <!--lit-node 1--><input\n        class=\"switch__input\"\n        type=\"checkbox\"\n        \n        \n        \n      />\n      <slot></slot>\n    </label><!--/lit-part--></template><!--lit-part-->Remember language<!--/lit-part--></mdn-switch\n            >\n            <!--lit-node 9--><mdn-button\n              \n              \n              \n              \n              \n              \n               variant=\"plain\" icon-only href=\"https://github.com/orgs/mdn/discussions/739\" target=\"_blank\" title=\"Enable this setting to always switch to the current language when available. (Click to learn more.)\" defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}:host{display:inline-flex;vertical-align:middle}.button{box-sizing:border-box;height:100%;width:100%}</style><!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://github.com/orgs/mdn/discussions/739\"\n          target=\"_blank\"\n          \n          aria-labelledby=\"label-a9cabfq5old\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part quQU0uIDm5U=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-a9cabfq5old\" class=\"label\" hidden part=\"label\"\n      ><!--lit-part Pz0gobCCM4E=--><slot></slot><!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part--></template><!--lit-part-->Learn more<!--/lit-part--></mdn-button\n            >\n          </div>\n          <ul class=\"language-switcher__list\">\n            <!--lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/de/observatory\"\n              ><!--lit-part-->Deutsch<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              data-current\n              \n              href=\"/en-US/observatory\"\n              ><!--lit-part-->English (US)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/es/observatory\"\n              ><!--lit-part-->Español<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/fr/observatory\"\n              ><!--lit-part-->Français<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ja/observatory\"\n              ><!--lit-part-->日本語<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ko/observatory\"\n              ><!--lit-part-->한국어<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/pt-BR/observatory\"\n              ><!--lit-part-->Português (do Brasil)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ru/observatory\"\n              ><!--lit-part-->Русский<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-CN/observatory\"\n              ><!--lit-part-->中文 (简体)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-TW/observatory\"\n              ><!--lit-part-->正體中文 (繁體)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-language-switcher>\n      </div>\n    \n        </header>\n        <div class=\"page-layout__main\">\n        <main id=\"content\" class=\"observatory\">\n          <section class=\"observatory-top\">\n            <div class=\"observatory-top__form\">\n              <h1 class=\"observatory-top-form__title\">\n                HTTP Observatory\n              </h1>\n              <p class=\"observatory-top-form__description\">\n                Launched in 2016, the ⁨HTTP Observatory⁩ enhances web security by analyzing compliance with best security practices. It has provided insights to over 6.9 million websites through 47 million scans.\n              </p>\n              <mdn-observatory-form\n                \n               class=\"observatory-top-form__form\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:host{font:400 var(--base-font-size) var(--font-body);--border-radius:0.3rem}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle-cde67e41-0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle-cde67e41-0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:\"\";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}</style><!--lit-part DIaQoQrjO/E=-->\n          <!--lit-node 0--><form  class=\"observatory-form\">\n            <div class=\"observatory-form__input-group\">\n              <label htmlFor=\"host\" class=\"visually-hidden\">\n                Domain name or URL\n              </label>\n              <!--lit-node 3--><input\n                class=\"input observatory-form__input\"\n                placeholder=\"Scan a website for free (e.g. mdn.dev)\"\n                type=\"text\"\n                name=\"host\"\n                id=\"host\"\n                value=\"\"\n                autofocus\n                \n              />\n              <!--lit-node 4--><button\n                class=\"button observatory-form__submit\"\n                type=\"submit\"\n                \n                data-variant=\"primary\"\n              >\n                Scan\n              </button>\n            </div>\n          </form>\n          <!--lit-part--><!--/lit-part-->\n        <!--/lit-part--></template></mdn-observatory-form>\n            </div>\n            <section class=\"observatory-top__illustration\">\n              <!--lit-part 2dYSuU16zBw=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"345\" height=\"318\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 345 318\"><path fill=\"url(#paint0_linear_6797_502)\" fill-rule=\"evenodd\" d=\"M202.364 217.973c24.338-7.764 95.821-46.342 106.084-68.913 10.811-23.777-7.958-58.538-34.718-77.516-26.274-18.633-56.151.104-80.38-6.015-21.996-5.555-44.186-13.935-65.99-5.492-23.244 9 1.981 45.132-44.556 57.644-48.27 12.978-48.71 59.189-35.237 79.619 12.861 19.501 67.474-.01 90.887 6.434 21.798 5.999 41.699 21.325 63.91 14.239\" clip-rule=\"evenodd\"/><path fill=\"#D5D5D5\" fill-rule=\"evenodd\" d=\"M187.165 304.049c-37.85-.274-75.132.633-103.468 1.908-29.852 1.344-56.708 6.052-52.917 8.043 1.144 4.249 41.986.073 70.784 1.343 26.145 1.153 50.738 2.516 85.601 2.654 37.166.147 56.681-5.122 100.409-1.919 47.487 3.478 60.929-.145 55.835-2.078-4.862-1.845-51.574-5.472-79.063-6.738-25.592-1.178-42.639-2.964-77.181-3.213\" clip-rule=\"evenodd\"/><path fill=\"#B5B1F8\" d=\"m268.422 156 62 27.818v41.727c0 38.598-26.453 74.692-62 83.455-35.547-8.763-62-44.857-62-83.455v-41.727zm0 41.727c-9.645 0-19.289 7.65-19.289 17.387v10.431c-4.133 0-8.267 4.173-8.267 9.041v24.341c0 4.173 4.134 8.346 8.956 8.346h37.889c4.133 0 8.266-4.173 8.266-9.041v-24.341c0-4.173-4.133-8.346-8.266-8.346v-10.431c0-9.737-9.645-17.387-19.289-17.387m0 8.346c5.511 0 10.333 3.477 10.333 9.041v10.431h-20.666v-10.431c0-5.564 4.822-9.041 10.333-9.041\"/><path fill=\"#D99654\" d=\"m179.308 155.193 13.512-4.394-4.504 12.45-17.265 1.464-3.003-2.929s-3.908-5.664-6.005-9.521c-3.266-6.005-7.507-24.167-7.507-24.167l6.006-.733z\"/><path fill=\"#0D086C\" d=\"m217.157 303.844 7.405 1.452v4.358l-14.81.726s-.291-1.377 0-2.179c.706-1.945 3.527-.178 5.184-1.452 1.137-.875 2.221-2.905 2.221-2.905m-23.344-.934 7.406 1.453v4.357l-14.811.726s-.291-1.377 0-2.178c.706-1.946 3.527-.178 5.184-1.453 1.137-.875 2.221-2.905 2.221-2.905\"/><path fill=\"#000\" stroke=\"#000\" d=\"m201.692 138.958 5.208-2.232s5.953-6.697.745-9.674 2.261-3.823.744-5.208c-1.563-1.426-3.444 2.654-5.209 1.488-1.94-1.282 5.953-5.953 0-5.953s-.517-2.113-1.488-2.977c-1.738-1.544-4.751-1.989-5.953 0-.13.216-.208.461-.246.722-.576-1.396-1.448-2.705-2.731-2.954-1.454-.282-3.72.744-3.72.744v1.488s-1.589.662-2.232 1.489c-.399.513-.794.84-.745 1.488.063.819 1.165.733 1.489 1.488.343.801-.044 1.362 0 2.232.432 8.615 11.905 18.603 11.905 18.603z\"/><path fill=\"#F2AE9B\" d=\"M178.307 128.409c-.121 2.037 2.329 2.546 2.957 3.381 3.189 4.241-.258 7.649 5.894 9.035 4.805-1.092 5.508.049 8.047-8.636.635-9.12-2.226-10.29-6.145-11.189-3.368-.199-3.454 3.213-5.457 5.814-2.159 1.918-2.857 1.392-5.296 1.595\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"m197.227 130.027-7.441-1.488\"/><path fill=\"#F2AE9B\" d=\"m202.332 143.032-3.062-9.189s1.412-.391 2.042-1.021c.891-.892 1.199-1.816 1.02-3.064-.126-.882-.308-1.506-1.021-2.041-.957-.717-1.966-.478-3.063 0-1.519.663-2.299 3.567-2.299 3.567l-.951-1.254-7.84 10.799s3.846-2.072 5.984-1.044c2.86 1.375 1.856 7.911 1.856 7.911 1.529-1.705 5.804-2.959 7.334-4.664\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".2\" d=\"M188.125 135.93s-3.002 1.798-5.055.82\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"M185.33 126.66c-.753 1.341-.367 2.935.787 3.582 1.155.647 2.716.146 3.468-1.195.753-1.342.367-2.935-.787-3.582-1.155-.648-2.716-.147-3.468 1.195Zm-.01-.349s-.744-.746-1.488-.745\"/><ellipse cx=\".744\" cy=\"1.488\" fill=\"#000\" rx=\".744\" ry=\"1.488\" transform=\"scale(-1 1)rotate(-31.982 126.303 391.705)\"/><path fill=\"#EA9541\" d=\"M187.35 256.591c-3.065-16.999 7.785-41.736 7.785-41.736s-.926 3.09 13.615 3.091c14.541 0 15.5-2.761 15.5-2.761s-.307 19.887.657 33.009c1.33 18.12 0 57.454 0 57.454l-9.082.732-11.922-58.186v57.454l-10.568-2.929s-3.74-33.681-5.985-46.128\"/><path fill=\"#E8672C\" d=\"m204.664 250.001-8.929-33.681s-11.162 16.109-8.185 35.878c2.976 19.769 6.697 51.254 6.697 51.254l10.417 2.929z\"/><path fill=\"#F7E7CD\" d=\"M195.759 216.506c.32 3.508 18.692 3.835 29.739 0 0 0 .102-16.1-1.232-26.291-1.643-12.557-4.56-19.228-7.482-31.549-.38-1.636-9.727-13.521-11.223-14.272l-2.993-1.502c-1.317 0-6.687 4.069-7.96 5.048l.076-.1-.347.31.271-.21c-.789 1.047-7.556 9.999-9.249 11.477-2.239 1.954-3.742 2.254-3.742 2.254l-12.549-30.941-4.659 1.036 6.734 31.407s3.339 6.953 7.482 8.263c2.789.882 4.68.535 7.482-.307 2.582-.776 5.986-3.449 5.986-3.449z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m160.949 126.367-5.754 2.275s-3.912-6.293-3.994-7.238.139-.38.139-.38m4.228-3.941s-.583-.749-.39.479c.194 1.227 1.745 5.176 1.745 5.176m-3.439-5.813s-.472-.466-.39.478c.083.945 2.468 5.544 2.468 5.544m-3.136-4.304s-.722-.368-.278.761 2.524 4.219 2.524 4.219\"/><path fill=\"#FE987B\" d=\"M160.133 126.636s4.918-5.403 2.829-4.371c-1.792.886-2.789.854-3.267.723l-.365-.17-3.07-5.556s-1.212-1.111-1.086.077 1.454 5.035 1.454 5.035l-2.755-5.509s-.793-.649-.762.263c.03.912 2.152 5.409 2.152 5.409l-2.281-4.134s-1.301-.474-.921.626 2.28 4.134 2.28 4.134l-2.663-2.772s-.698-.374-.667.538c.03.913 4.147 7.629 4.147 7.629z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"M156.56 125.367s.493-.994 1.008-1.549c.458-.492 1.746-.862 1.746-.862\"/><path fill=\"#D9D9D9\" d=\"m176.175 121.545-67.556-28.728s-20.008-2.462-21.048.86c-1.132 3.618 15.075 14.46 15.075 14.46l27.659 7.229 44.336 12.077z\"/><path fill=\"#3E7AD8\" d=\"M112.039 94.29s-4.908-3.568-9.521-5.913c-4.088-2.078-10.777-4.492-10.777-4.492s-2.489 4.758-3.919 7.913c-1.556 3.435-3.548 9.19-3.548 9.19s6.492 4.678 11.24 5.425c4.657.733 7.13 1.722 7.13 1.722s3.661-3.421 5.855-6.136c2.187-2.706 3.54-7.71 3.54-7.71\"/><path stroke=\"#90BAE1\" d=\"M142.375 115.157s-8.669 5.25-13.485 4.5-5.779-9.001-5.779-9.001.673 9.562 4.816 9.001c3.869-.524.963-4.5.963-4.5\"/><path fill=\"#90BAE1\" d=\"M132.745 124.157c-2.774-.955-3.852-5.251-3.852-5.251-1.542 1.2-1.927 2-1.927 2.25s.634 2.536 1.927 3.751c1.399 1.315 2.704 1.788 4.815 2.25.574.126 1.247.185 1.927.204v77.028a32 32 0 0 0-3.853.775l-2.889 3.751-5.78 42.754-4.815 54.755h4.815l2.89-54.755 5.779-42.754 3.853-.75v98.259h3.853v-98.259l3.852.75 4.816 43.504.963 54.005h5.779l-2.889-54.755-5.779-42.754s-1.224-2.639-2.89-3.751c-.993-.663-2.381-.941-3.852-1.003v-80.004l-3.853.431s-1.839-.07-2.89-.431\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m169.695 129.945-3.954.962s-3.763-6.772-3.759-7.737.159-.361.159-.361m4.189-3.327s-.47-.844-.396.422 1.16 5.482 1.16 5.482m-2.653-6.381s-.392-.542-.396.423c-.004.964 1.788 5.961 1.788 5.961m-2.501-4.814s-.629-.481-.318.724c.31 1.205 1.95 4.635 1.95 4.635m4.094.232s.186-1.314.481-2.051c.262-.654.873-1.509.873-1.509\"/><path fill=\"#F2AE9B\" d=\"M169.448 129.704s2.353-8.299.806-6.739c-.334.336-.573.899-.742 1.475-.291.991-.375 2.023-.375 2.023l-2.494-6.742s-.783-1.084-.71.182 1.16 5.481 1.16 5.481l-2.339-6.14s-.705-.782-.709.183c-.004.964 1.788 5.961 1.788 5.961l-1.951-4.635s-1.179-.66-.869.545 1.951 4.635 1.951 4.635l-2.351-3.248s-.628-.481-.632.484 3.759 7.737 3.759 7.737z\"/><path fill=\"#F9CD6B\" fill-rule=\"evenodd\" d=\"M0 48.5C0 62.583 11.193 74 25 74s25-11.417 25-25.5S38.807 23 25 23 0 34.417 0 48.5m27.802 3.324 2.278 6.407-1.922.684-2.279-6.408.327-.686-.12-.355a6.22 6.22 0 0 1-4.322-.383 6.252 6.252 0 1 1 8.33-2.962 6.22 6.22 0 0 1-3.11 3.026l.132.35zm-1.289-10.73-.49-.201c-.423.352-1.108.964-1.784 1.782l2.484 1.181c.207-1.041.25-1.958.255-2.509-.144-.1-.3-.175-.465-.253m2.729 3.96a4.75 4.75 0 0 0-1.411-3.035c-.01.559-.06 1.356-.24 2.25zm-7.523-3.577 1.65.785a12.7 12.7 0 0 1 1.595-1.606 4.75 4.75 0 0 0-3.244.821m-1.614 1.895a4.9 4.9 0 0 0-.42 1.398l1.86.884.515-1.353.723-1.253-1.859-.884a4.9 4.9 0 0 0-.819 1.208m7.867 5.338c.325-.347.613-.774.82-1.208s.355-.928.42-1.398l-1.86-.884a9.1 9.1 0 0 1-1.239 2.606zm-4.32-5.249-.724 1.253-.515 1.353 2.832 1.346a9.1 9.1 0 0 0 1.239-2.606zm-1.268 6.32c.156.074.312.148.472.192a13 13 0 0 0 1.802-1.774l-2.484-1.18a13 13 0 0 0-.238 2.516zm4.793-.384-1.65-.785a12.6 12.6 0 0 1-1.595 1.606 4.75 4.75 0 0 0 3.245-.821m-7.522-3.576a4.75 4.75 0 0 0 1.411 3.035c.01-.56.06-1.357.24-2.25zm-1.203-16.084a2.47 2.47 0 0 0-1.403 1.266l-2.12 4.459 2.23 1.06 2.12-4.46 4.459 2.12 1.06-2.229-4.46-2.12a2.47 2.47 0 0 0-1.886-.096m13.35 37.546a2.47 2.47 0 0 0 1.403-1.266l2.12-4.459-2.23-1.06-2.12 4.46-4.46-2.12-1.059 2.229 4.46 2.12c.59.28 1.27.316 1.886.096M6.354 55.185c.22.617.675 1.121 1.266 1.403l4.459 2.12 1.06-2.23-4.46-2.12L10.8 49.9l-2.229-1.06-2.12 4.46a2.47 2.47 0 0 0-.096 1.886M43.9 41.835a2.47 2.47 0 0 0-1.266-1.402l-4.459-2.12-1.06 2.23 4.46 2.12-2.12 4.458 2.229 1.06 2.12-4.459a2.47 2.47 0 0 0 .096-1.887M99.5 67C89.283 67 81 58.717 81 48.5S89.283 30 99.5 30 118 38.283 118 48.5 109.717 67 99.5 67m2.683-22.5 1.933-.886s.58-.265 1.091.086c.318.439.54.922.761 1.405a9.53 9.53 0 0 1-4.717 12.684 9.53 9.53 0 0 1-12.684-4.717 9.53 9.53 0 0 1 4.717-12.684s.967-.442 1.41.524l.885 1.934.966-.443s.967-.442 1.41.524l.442.967 1.934-.885s.966-.443 1.409.524zm-11.904 7.203c.354.774 1.34 1.14 2.114.787.773-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.113m1.916-7.308c-.773.354-1.14 1.34-.786 2.114s1.34 1.14 2.114.786 1.14-1.34.786-2.114-1.34-1.14-2.114-.786m5.09 11.117c.354.773 1.34 1.14 2.114.786s1.14-1.34.786-2.114-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m-1.73-5.055c.354.774 1.341 1.14 2.114.786.774-.354 1.14-1.34.787-2.114-.355-.773-1.341-1.14-2.115-.786-.773.354-1.14 1.34-.786 2.114m5.719-.28c.354.774 1.341 1.14 2.114.787.774-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m9.889-3.942-1.934.885.885 1.934 1.934-.886zm-.886-1.933-2.655-5.8-1.934.884 2.656 5.8zM47 100.5c0 8.008 6.492 14.5 14.5 14.5S76 108.508 76 100.5 69.508 86 61.5 86 47 92.492 47 100.5m22.105-2.903a25 25 0 0 1-1.528 3.141c-.544.941-1.198 1.913-1.943 2.73-.749.82-1.564 1.46-2.426 1.776-.826.304-1.823.358-2.884.247-1.057-.111-2.145-.383-3.133-.701a25 25 0 0 1-3.08-1.231q.099-.234.252-.569c.281-.608.691-1.435 1.21-2.306 1.054-1.773 2.488-3.614 4.109-4.307.834-.356 1.855-.466 2.95-.41 1.09.055 2.221.273 3.25.543a26 26 0 0 1 3.223 1.087m-15.635 6.202-.233.442.002.001.004.002.015.008.056.029.21.105a26 26 0 0 0 3.36 1.356c1.029.331 2.187.623 3.335.744 1.144.12 2.31.073 3.334-.303 1.069-.393 2.013-1.156 2.82-2.041.81-.888 1.505-1.925 2.07-2.903a26.5 26.5 0 0 0 1.74-3.657l.024-.062.006-.017.002-.004v-.002l-.47-.17.208-.454h-.002l-.004-.003-.016-.007-.058-.026-.221-.096a27 27 0 0 0-3.515-1.199c-1.07-.28-2.273-.514-3.454-.574-1.178-.06-2.368.051-3.394.49-1.94.828-3.513 2.927-4.576 4.715a26 26 0 0 0-1.678 3.368l-.023.056-.006.016-.002.004v.001zm0 0-.466-.18-.16.415.393.207zm16.275-6.472.47.17.156-.433-.418-.191zm-10.624 4.566a3.211 3.211 0 1 0 5.967-2.374 3.211 3.211 0 0 0-5.967 2.374m.45-.509a1.377 1.377 0 1 0 2.559-1.019 1.377 1.377 0 0 0-2.558 1.019\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_6797_502\" x1=\"127.551\" x2=\"202.834\" y1=\"45.621\" y2=\"204.145\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#090968\"/><stop offset=\"1\" stop-color=\"#A388FF\"/></linearGradient></defs></svg><!--/lit-part-->\n            </section>\n          </section>\n          <section class=\"observatory-about-wrapper\">\n            <div class=\"observatory-about\">\n              <h2 class=\"observatory-about__title\">\n                About the HTTP Observatory\n              </h2>\n              <div class=\"observatory-about__content\">\n                <figure class=\"assessment\">\n                  <!--lit-part GuS/hy6PSFQ=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" role=\"presentation\" viewBox=\"0 0 50 50\"><path d=\"m33.926 30.302 10.715 10.714-3.215 3.215-10.714-10.715v-1.693l-.578-.6a13.87 13.87 0 0 1-9.065 3.365 13.929 13.929 0 1 1 13.929-13.929c0 3.45-1.264 6.622-3.364 9.064l.6.579zM21.07 9.945l-1.178.064c-.515 1.114-1.307 3-1.886 5.293h6.129a31 31 0 0 0-1.886-5.293c-.386-.064-.772-.064-1.179-.064m9.279 5.357a10.6 10.6 0 0 0-5.743-4.757 28 28 0 0 1 1.671 4.757zm-18.557 0h4.071a28 28 0 0 1 1.672-4.757 10.6 10.6 0 0 0-5.743 4.757m-1.436 5.357c0 1.072.171 2.207.493 3.214h4.586l-.258-3.214.258-3.214h-4.586a10.8 10.8 0 0 0-.493 3.214m20.936 3.214c.321-1.007.492-2.143.492-3.214s-.17-2.207-.492-3.214h-4.586q.257 1.607.257 3.214 0 1.608-.257 3.214zm-13.715-6.428-.257 3.214.257 3.214h6.986a20.3 20.3 0 0 0 0-6.428zm3.493 13.928c.386 0 .772 0 1.136-.064.536-1.114 1.35-3 1.929-5.293h-6.13a28.6 28.6 0 0 0 1.93 5.293zm9.279-5.357h-4.072a28 28 0 0 1-1.671 4.757 10.6 10.6 0 0 0 5.743-4.757m-18.557 0a10.6 10.6 0 0 0 5.743 4.757 28 28 0 0 1-1.672-4.757z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Developed by Mozilla, the ⁨HTTP Observatory⁩ performs an in-depth assessment of a site’s HTTP headers and other key security configurations.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines assessment\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"scanning\">\n                  <!--lit-part mHQG3Z4Ghxg=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 50\"><path fill=\"#5A23D7\" d=\"M5 8.333A3.333 3.333 0 0 1 8.333 5H15v3.333H8.333V15H5zm40 33.334A3.333 3.333 0 0 1 41.667 45H35v-3.333h6.667V35H45zM8.333 45A3.333 3.333 0 0 1 5 41.667V35h3.333v6.667H15V45zM41.667 5A3.333 3.333 0 0 1 45 8.333V15h-3.333V8.333H35V5zm-6.873 8.266H14.399a2.273 2.273 0 0 0-2.266 2.266V33.66a2.273 2.273 0 0 0 2.266 2.266h20.395a2.273 2.273 0 0 0 2.266-2.266V15.532a2.273 2.273 0 0 0-2.266-2.266m0 20.394H14.399V17.798h20.395z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines scanning\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"security\">\n                  <!--lit-part c3ZdXgiZZk4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 53\"><path fill=\"#5A23D7\" d=\"M22.917 28.158h4.166v2.208h-4.166zM43.75 10.493V23.74c0 12.145-7.917 23.627-18.75 26.498C14.167 47.37 6.25 35.886 6.25 23.742v-13.25L25 1.66zm-8.333 11.04h-4.584c-.416-1.325-1.25-2.429-2.291-3.312l2.5-2.65-1.459-1.545-2.916 3.091H25c-.417 0-1.042 0-1.458.22l-2.917-3.311-1.667 1.766 2.5 2.65c-1.041.662-1.875 1.767-2.291 3.091h-4.584v2.208h4.167v2.209h-4.167v2.208h4.167v2.208h-4.167v2.208h4.584C20 35.224 22.292 36.99 25 36.99s5-1.766 5.833-4.416h4.584v-2.208H31.25v-2.208h4.167V25.95H31.25v-2.21h4.167zm-12.5 4.417h4.166v-2.21h-4.166z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines security\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"mdn\">\n                  <!--lit-part GemHl3T9S+A=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 -5 50 60\"><path fill=\"#5A23D7\" d=\"M44.17 3.973H6.667C4.375 3.973 2.5 5.96 2.5 8.389v35.334c0 2.429 1.875 4.416 4.167 4.416H44.17c2.292 0 4.167-1.987 4.167-4.416V8.389c0-2.429-1.875-4.416-4.167-4.416m0 39.75H6.667V12.806H44.17z\"/><path fill=\"#5A23D7\" d=\"m22.95 17.227-5.642 19.255H15l5.622-19.255zm2.05 0v19.255h-2.05V17.227zm7.95 0-5.622 19.255h-2.307l5.621-19.255zm2.052 0v19.255H32.95V17.227z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The ⁨HTTP Observatory⁩ provides effective security insights, guided by Mozilla&#39;s expertise and commitment to a safer and more secure internet and based on well-established trends and guidelines.</p>\n                  </figcaption>\n                </figure>\n              </div>\n              <aside class=\"observatory-about__links\">\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"/en-US/observatory/docs/faq\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-0j5d2yvkbd4i\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part mExVKXe/bdM=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-0j5d2yvkbd4i\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Read our FAQ<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://survey.alchemer.com/s3/7897385/MDN-HTTP-Observatory\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-hylkvq6rfnb\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part 9Xz9b0Idnp4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-hylkvq6rfnb\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Report Feedback<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n              </aside>\n            </div>\n            <section class=\"observatory-sidebar\">\n              <mdn-placement-sidebar></mdn-placement-sidebar>\n            </section>\n          </section>\n        </main>\n      </div>\n        <div class=\"page-layout__footer\">\n      <mdn-placement-bottom></mdn-placement-bottom>\n      <footer class=\"footer\">\n        <div class=\"footer__mdn\">\n          <div class=\"footer__intro\">\n            <a\n              class=\"footer__logo\"\n              href=\"/\"\n              aria-label=\"MDN logo\"\n              ><!--lit-part eLWenVoT9SE=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"83\" height=\"24\" viewBox=\"0 0 83 24\"><path d=\"M9.4 0 2.81 21.17H.12L6.69 0zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0zm2.39 0v21.17h-2.4V0zm22.11 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a3 3 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.4 4.4 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43s2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83m14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Zm1.31 5.15H83V24H67.71z\"/></svg><!--/lit-part--></a\n            >\n            <p>\n              Your blueprint for a better internet.\n            </p>\n          </div>\n\n          <ul class=\"footer__socials\">\n            \n                <li>\n                  <a\n                    href=\"https://github.com/mdn/\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on GitHub\"\n                    data-icon=\"github\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://bsky.app/profile/developer.mozilla.org\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Bluesky\"\n                    data-icon=\"bluesky\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://x.com/mozdevnet\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on X\"\n                    data-icon=\"x\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://mastodon.social/@mdn\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Mastodon\"\n                    data-icon=\"mastodon\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"/en-US/blog/rss.xml\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN blog RSS feed\"\n                    data-icon=\"rss\"\n                  ></a>\n                </li>\n              \n          </ul>\n\n          \n              <dl class=\"footer__links\">\n                <dt>MDN</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/about\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            About\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/blog/\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Blog\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://www.mozilla.org/en-US/careers/listings/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Mozilla careers\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/advertising\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Advertise with us\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/plus\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Plus\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://support.mozilla.org/products/mdn-plus\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Product help\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Contribute</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Community\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Community resources\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Writing_guidelines\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Writing guidelines\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/discord\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN Discord\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://github.com/mdn\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN on GitHub\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Developers</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Web\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Web technologies\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Learn_web_development\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Learn web development\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Guides\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Guides\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Tutorials\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Tutorials\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Glossary\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Glossary\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://hacks.mozilla.org/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Hacks blog\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n        </div>\n\n        <div class=\"footer__mozilla\">\n          <a\n            class=\"footer__logo\"\n            href=\"https://www.mozilla.org/\"\n            aria-label=\"Mozilla logo\"\n            ><!--lit-part /TOdX171+us=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"30\" viewBox=\"0 0 256 60\"><path d=\"m13.32 22.1 5.1 24.3h2.1l5.1-24.3H39.3v37.34h-7.26V28.46h-2.1l-6.96 30.98h-7.02L9.02 28.46h-2.1v31H-.35V22.1h13.66Zm45.12 8.74c8.73 0 13.8 5.15 13.8 14.57S67.14 60 58.44 60c-8.73 0-13.8-5.17-13.8-14.59 0-9.43 5.07-14.57 13.8-14.57m0 23.34c4.1 0 6.16-2.1 6.16-6.73v-4.12c0-4.62-2.06-6.73-6.16-6.73s-6.15 2.1-6.15 6.73v4.12c0 4.63 2.05 6.73 6.15 6.73m17.68-.14 14.82-17.26H76.32v-5.41h23.31v5.4L84.84 54.05h15.03v5.4H76.13v-5.41Zm28.07-22.67h10.7v28.07h-7.25V36.77h-3.48v-5.4zm3.44-9.27h7.26v5.4h-7.25v-5.4Zm12.62 0h10.72v37.34h-7.24V27.5h-3.48zm16.08 0h10.7v37.34h-7.25V27.5h-3.48v-5.4zm27.8 8.74c4.24 0 7.08 2.05 7.87 5.63h2.1v-5.1h8.88v5.4h-3.47v17.28h3.47v5.4h-4.25c-3 0-4.63-1.63-4.63-4.62v-.48H172c-.78 3.58-3.63 5.63-7.88 5.63-6.68 0-11.4-5.59-11.4-14.58 0-9 4.72-14.55 11.4-14.55m2.2 23.34c4.1 0 5.93-2.1 5.93-6.73v-4.12c0-4.62-1.82-6.73-5.94-6.73-3.99 0-5.92 2.1-5.92 6.73v4.13c0 4.62 1.92 6.72 5.93 6.72m46.28 5.27h-7.26V0h7.26zm6.3-28.41h30.8v-2.1l-20.4-7.32v-5.88l20.4-7.33v-2.1h-24.27V0h30.79v12l-16.62 5.63v2.11l16.61 5.64v12H218.9zm0-24.73h6.5v6.52h-6.5z\"/></svg><!--/lit-part--></a\n          >\n          <ul>\n            \n                <li>\n                  <a href=\"https://www.mozilla.org/privacy/websites/\" class=\"external\"\n                    >Website Privacy Notice</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/en-US/privacy/websites/data-preferences/\" class=\"external\"\n                    >Telemetry Settings</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/legal/terms/mozilla\" class=\"external\"\n                    >Legal</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/governance/policies/participation/\" class=\"external\"\n                    >Community Participation Guidelines</a\n                  >\n                </li>\n              \n          </ul>\n          <p>\n            Visit <a href=\"https://www.mozilla.org/\">Mozilla Corporation’s</a> not-for-profit parent, the <a href=\"https://foundation.mozilla.org/\">Mozilla Foundation</a>.<br />\n            Portions of this content are ©1998–⁨2026⁩ by individual mozilla.org contributors. Content available under <a href=\"/docs/MDN/Writing_guidelines/Attrib_copyright_license\">a Creative Commons license</a>.\n          </p>\n        </div>\n      </footer>\n    </div>\n      </body>\n    \n      </html>\n    ",
      "httpEquiv": {
        "content-security-policy": []
      }
    },
    "cors": null,
    "httpRedirects": [
      {
        "url": "http://observatory.mozilla.org/",
        "status": 302
      },
      {
        "url": "https://observatory.mozilla.org/",
        "status": 301
      },
      {
        "url": "https://developer.mozilla.org/en-US/observatory",
        "status": 200
      }
    ],
    "httpsRedirects": [
      {
        "url": "http://observatory.mozilla.org/",
        "status": 302
      },
      {
        "url": "https://observatory.mozilla.org/",
        "status": 301
      },
      {
        "url": "https://developer.mozilla.org/en-US/observatory",
        "status": 200
      }
    ]
  },
  "resources": {
    "path": "\n      <!doctype html>\n      <html\n        lang=\"en-US\"\n        data-theme=\"light dark\"\n        data-renderer=\"SpaObservatoryLanding\"\n        \n        \n      >\n        <head>\n          <meta charset=\"UTF-8\" />\n          <meta\n            name=\"viewport\"\n            content=\"width=device-width, initial-scale=1.0\"\n          />\n          <title>HTTP Header Security Test - HTTP Observatory | MDN</title>\n          \n          <script>try {\n  document.documentElement.dataset.theme =\n    localStorage.getItem(\"theme\") || \"light dark\";\n} catch (error) {\n  console.warn(\"Unable to set theme\", error);\n}\n\ntry {\n  if (localStorage.getItem(\"nop\") === \"yes\") {\n    document.documentElement.dataset[\"nop\"] = \"yes\";\n  }\n} catch (error) {\n  console.warn(\"Unable to set nop\", error);\n}\n</script>\n          <link rel=\"stylesheet\" href=\"/static/client/styles-global.4f74dfdec3090bf2.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/4067.668ae18be7f23607.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-observatory-landing.7b47ee0004877825.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/3391.cf8a6eadcf4a9e30.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-page-layout.e9b295138adbd4bc.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-a11y-menu.5796ee87cb69f93f.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-navigation.013b4a4ed330892a.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-logo.aea5ff6edf1b9cfb.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-menu.c41c14be9597dcd9.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs-bar.02910e49bb8b2372.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-breadcrumbs.d06ce8d09f42feb8.css\" fetchpriority=\"high\" /><link rel=\"stylesheet\" href=\"/static/client/styles-footer.a2850e459e2d290b.css\" fetchpriority=\"high\" />\n          <link\n                rel=\"preload\"\n                href=\"/static/client/jetbrains-mono-latin.119994ed445212c7.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              /><link\n                rel=\"preload\"\n                href=\"/static/client/inter-latin.9a3b1bc220d426ef.woff2\"\n                as=\"font\"\n                type=\"font/woff2\"\n                crossorigin=\"anonymous\"\n                fetchpriority=\"low\"\n              />\n          <script src=\"/static/client/runtime.78ab025a4834993c.js\" type=\"module\"></script><script src=\"/static/client/1111.53dba753dc3eb961.js\" type=\"module\"></script><script src=\"/static/client/8903.ce3ee42276c345b9.js\" type=\"module\"></script><script src=\"/static/client/index.84551a04d557157b.js\" type=\"module\"></script>\n          \n    <link\n      rel=\"icon\"\n      sizes=\"32x32\"\n      href=\"https://developer.mozilla.org/favicon.ico\"\n    />\n    <link\n      rel=\"icon\"\n      type=\"image/svg+xml\"\n      href=\"https://developer.mozilla.org/favicon.svg\"\n    />\n   <meta name=\"description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:url\" content=\"https://developer.mozilla.org/en-US/observatory\" /><meta name=\"og:title\" content=\"HTTP Header Security Test - HTTP Observatory | MDN\" /><meta name=\"og:locale\" content=\"en_US\" /><meta name=\"og:description\" content=\"Test your site’s HTTP headers, including CSP and HSTS, to find security problems and get actionable recommendations to make your website more secure. Test other websites to see how you compare.\" /><meta name=\"og:image\" content=\"https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png\" /><meta name=\"og:image:type\" content=\"image/png\" /><meta name=\"og:image:height\" content=\"1080\" /><meta name=\"og:image:width\" content=\"1920\" /><meta name=\"og:image:alt\" content=\"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.\" /><meta name=\"og:site_name\" content=\"MDN Web Docs\" /><meta name=\"twitter:card\" content=\"summary_large_image\" /><meta name=\"twitter:creator\" content=\"MozDevNet\" />\n          <link\n            rel=\"canonical\"\n            href=\"https://developer.mozilla.org/en-US/observatory\"\n          />\n          <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" />\n          <link rel=\"manifest\" href=\"/manifest.json\" />\n          <link\n            rel=\"search\"\n            type=\"application/opensearchdescription+xml\"\n            href=\"/opensearch.xml\"\n            title=\"MDN Web Docs\"\n          />\n          <link\n            rel=\"alternate\"\n            type=\"application/rss+xml\"\n            title=\"MDN Blog RSS Feed\"\n            href=\"https://developer.mozilla.org/en-US/blog/rss.xml\"\n          />\n        </head>\n        \n      <body class=\"page-layout\">\n        <ul class=\"a11y-menu\">\n      <li><a href=\"#content\">Skip to main content</a></li>\n      <li><a href=\"#search\">Skip to search</a></li>\n    </ul>\n        <div class=\"page-layout__banner\" data-scheme=\"\">\n          <mdn-placement-top></mdn-placement-top>\n        </div>\n        <header class=\"page-layout__header\">\n          \n      <nav class=\"navigation\" data-scheme=\"\" data-open=\"false\">\n        <div class=\"navigation__logo\">\n      <a href=\"/en-US/\" class=\"logo\">\n        <svg\n          class=\"logo__image\"\n          width=\"83\"\n          height=\"24\"\n          viewBox=\"0 0 83 24\"\n          role=\"img\"\n        >\n          <title>MDN</title>\n          <path\n            class=\"logo__letter\"\n            d=\"M9.4 0 2.81 21.17H.12L6.69 0H9.4Zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0h2.69Zm2.39 0v21.17h-2.4V0h2.4Z\"\n          />\n          <path\n            class=\"logo__text\"\n            d=\"M45.55 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a2.98 2.98 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4v1.27Zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.41 4.41 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43 1.36 0 2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83Zm14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Z\"\n          />\n          <path class=\"logo__cursor\" d=\"M67.71 21.98H83V24H67.71v-2.02Z\" />\n        </svg>\n      </a>\n    </div>\n        <div class=\"navigation__search\" data-view=\"mobile\">\n          <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n        </div>\n        <button\n          class=\"navigation__button\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"navigation__popup\"\n          aria-label=\"Toggle navigation\"\n        ></button>\n        <div class=\"navigation__popup\" id=\"navigation__popup\">\n          <div class=\"navigation__menu\">\n      <nav class=\"menu\">\n        <div class=\"menu__tab\" data-section=\"html\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >HTML</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/HTML\"\n        \n        \n        data-glean-id=\"menu_click_menu: html -&gt; /en-US/docs/Web/HTML\"\n        >HTML: Markup language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>HTML reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Elements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Elements\"\n        >Elements</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Global_attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Global_attributes\"\n        >Global attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference/Attributes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference/Attributes\"\n        >Attributes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Reference\"\n        aria-label=\"See all HTML references\"\n        title=\"See all HTML references\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>HTML guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Responsive_images\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Responsive_images\"\n        >Responsive images</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Cheatsheet\"\n        >HTML cheatsheet</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides/Date_and_time_formats\"\n        >Date &amp; time formats</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTML/Guides\"\n        aria-label=\"See all HTML guides\"\n        title=\"See all HTML guides\"\n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/HTML/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Markup languages</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/SVG\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/SVG\"\n        >SVG</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/MathML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/MathML\"\n        >MathML</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/XML\"\n        \n        \n        data-glean-id=\"menu_click_submenu: html -&gt; /en-US/docs/Web/XML\"\n        >XML</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"css\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >CSS</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/CSS\"\n        \n        \n        data-glean-id=\"menu_click_menu: css -&gt; /en-US/docs/Web/CSS\"\n        >CSS: Styling language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>CSS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Properties\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Properties\"\n        >Properties</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Selectors\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Selectors\"\n        >Selectors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/At-rules\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/At-rules\"\n        >At-rules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference/Values\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference/Values\"\n        >Values</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Reference\"\n        aria-label=\"See all CSS references\"\n        title=\"See all CSS references\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>CSS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Box_model/Introduction\"\n        >Box model</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Animations/Using\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Animations/Using\"\n        >Animations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts\"\n        >Flexbox</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides/Colors/Applying_color\"\n        >Colors</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/Guides\"\n        aria-label=\"See all CSS guides\"\n        title=\"See all CSS guides\"\n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/Guides\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Layout cookbook</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts\"\n        >Column layouts</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element\"\n        >Centering an element</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook/Card\"\n        >Card component</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        \n        \n        data-glean-id=\"menu_click_submenu: css -&gt; /en-US/docs/Web/CSS/How_to/Layout_cookbook\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"javascript\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\" data-type=\"long\"\n                            >JavaScript</span\n                          ><span class=\"menu__tab-label\" data-type=\"short\"\n                            >JS</span\n                          >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/JavaScript\"\n        \n        \n        data-glean-id=\"menu_click_menu: javascript -&gt; /en-US/docs/Web/JavaScript\"\n        >JavaScript: Scripting language</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>JS reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Global_Objects\"\n        >Standard built-in objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Operators\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Operators\"\n        >Expressions &amp; operators</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Statements\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Statements\"\n        >Statements &amp; declarations</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference/Functions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference/Functions\"\n        >Functions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Reference\"\n        aria-label=\"See all JavaScript references\"\n        title=\"See all JavaScript references\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Reference\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>JS guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling\"\n        >Control flow &amp; error handing</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Loops_and_iteration\"\n        >Loops and iteration</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Working_with_objects\"\n        >Working with objects</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        \n        \n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide/Using_classes\"\n        >Using classes</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/JavaScript/Guide\"\n        aria-label=\"See all JavaScript guides\"\n        title=\"See all JavaScript guides\"\n        data-glean-id=\"menu_click_submenu: javascript -&gt; /en-US/docs/Web/JavaScript/Guide\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"webapis\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Web APIs</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web/API\"\n        \n        \n        data-glean-id=\"menu_click_menu: webapis -&gt; /en-US/docs/Web/API\"\n        >Web APIs: Programming interfaces</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Web API reference</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/File_System_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/File_System_API\"\n        >File system API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API\"\n        >Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Geolocation_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Geolocation_API\"\n        >Geolocation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/HTML_DOM_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/HTML_DOM_API\"\n        >HTML DOM API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Push_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Push_API\"\n        >Push API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Service_Worker_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Service_Worker_API\"\n        >Service worker API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API\"\n        aria-label=\"See all Web API guides\"\n        title=\"See all Web API guides\"\n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Web API guides</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API\"\n        >Using the Web animation API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Fetch_API/Using_Fetch\"\n        >Using the Fetch API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/History_API/Working_with_the_History_API\"\n        >Working with the History API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API\"\n        >Using the Web speech API</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        \n        \n        data-glean-id=\"menu_click_submenu: webapis -&gt; /en-US/docs/Web/API/Web_Workers_API/Using_web_workers\"\n        >Using web workers</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"all\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >All</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Web\"\n        \n        \n        data-glean-id=\"menu_click_menu: all -&gt; /en-US/docs/Web\"\n        >All web technology</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Technologies</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Accessibility\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Accessibility\"\n        >Accessibility</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/HTTP\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/HTTP\"\n        >HTTP</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/URI\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/URI\"\n        >URI</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Mozilla/Add-ons/WebExtensions\"\n        >Web extensions</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/WebAssembly\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/WebAssembly\"\n        >WebAssembly</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/WebDriver\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/WebDriver\"\n        >WebDriver</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web\"\n        aria-label=\"See all web technology references\"\n        title=\"See all web technology references\"\n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web\"\n        >See all…</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Topics</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Media\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Media\"\n        >Media</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Performance\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Performance\"\n        >Performance</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Privacy\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Privacy\"\n        >Privacy</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Security\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Security\"\n        >Security</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/Progressive_web_apps\"\n        \n        \n        data-glean-id=\"menu_click_submenu: all -&gt; /en-US/docs/Web/Progressive_web_apps\"\n        >Progressive web apps</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"learn\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Learn</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      <a\n        \n        href=\"/en-US/docs/Learn_web_development\"\n        \n        \n        data-glean-id=\"menu_click_menu: learn -&gt; /en-US/docs/Learn_web_development\"\n        >Learn web development</a\n      >\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <dl>\n                              <dt>Frontend developer course</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Getting_started\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Getting_started\"\n        >Getting started modules</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core\"\n        >Core modules</a\n      >\n                              </li><li>\n                                <a\n                                        class=\"\"\n                                        \n                                        href=\"/en-US/curriculum/\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/curriculum/\"\n                                        >MDN Curriculum</a\n                                      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn HTML</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Structuring_content\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Structuring_content\"\n        >Structuring content with HTML module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn CSS</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Styling_basics\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Styling_basics\"\n        >CSS styling basics module</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/CSS_layout\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/CSS_layout\"\n        >CSS layout module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl><dl>\n                              <dt>Learn JavaScript</dt>\n                              <dd><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Learn_web_development/Core/Scripting\"\n        \n        \n        data-glean-id=\"menu_click_submenu: learn -&gt; /en-US/docs/Learn_web_development/Core/Scripting\"\n        >Dynamic scripting with JavaScript module</a\n      >\n                              </li>\n                        </ul></dd>\n                            </dl>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"tools\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >Tools</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Discover our tools\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"circle-play\"\n                                        href=\"/en-US/play\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/play\"\n                                        >Playground</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"shield-check\"\n                                        href=\"/en-US/observatory\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/observatory\"\n                                        >HTTP Observatory</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\"\n        >Border-image generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\"\n        >Border-radius generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\"\n        >Box-shadow generator</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_format_converter\"\n        >Color format converter</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_colors/Color_mixer\"\n        >Color mixer</a\n      >\n                              </li><li>\n                                <a\n        \n        href=\"/en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        \n        \n        data-glean-id=\"menu_click_submenu: tools -&gt; /en-US/docs/Web/CSS/CSS_shapes/Shape_generator\"\n        >Shape generator</a\n      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"about\">\n            <mdn-dropdown><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n                  <button class=\"menu__tab-button\" type=\"button\" slot=\"button\">\n                    <span class=\"menu__tab-label\"\n                          >About</span\n                        >\n                  </button>\n                  <div class=\"menu__panel\" slot=\"dropdown\">\n                    <p class=\"menu__panel-title\">\n                      Get to know MDN better\n                    </p>\n                    <div class=\"menu__panel-content\">\n                      <ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"mdn-m\"\n                                        href=\"/en-US/about\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/about\"\n                                        >About MDN</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"chart-no-axes-combined\"\n                                        href=\"/en-US/advertising\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/advertising\"\n                                        >Advertise with us</a\n                                      >\n                              </li>\n                        </ul><ul>\n                          <li>\n                                <a\n                                        class=\"menu__panel-icon\"\n                                        data-icon=\"users\"\n                                        href=\"/en-US/community\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; /en-US/community\"\n                                        >Community</a\n                                      >\n                              </li><li>\n                                <a\n                                        class=\"menu__panel-icon external\"\n                                        data-icon=\"github\"\n                                        href=\"https://github.com/mdn\"\n                                        \n                                        \n                                        data-glean-id=\"menu_click_submenu: about -&gt; https://github.com/mdn\"\n                                        >MDN on GitHub</a\n                                      >\n                              </li>\n                        </ul>\n                    </div>\n                  </div>\n                </mdn-dropdown>\n          </div><div class=\"menu__tab\" data-section=\"blog\">\n            <a\n                  class=\"menu__tab-link\"\n                  href=\"/en-US/blog/\"\n                  data-glean-id=\"menu_click_link: top-level -&gt; /en-US/blog/\"\n                  >Blog</a\n                >\n          </div>\n      </nav>\n    </div>\n          <div class=\"navigation__search\" data-view=\"desktop\">\n            <mdn-search-button><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.mdn-search-button{align-items:center;background-color:var(--color-background-page);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.25rem .25rem .25rem .75rem;width:5rem}.mdn-search-button:hover{background-color:var(--color-background-secondary)}.mdn-search-button:before{content:\"\";height:18px;width:15px;--csstools-light-dark-toggle-95231fd5-0:var(--csstools-color-scheme--light) var(--color-blue-80);border-bottom:2px solid var(--csstools-light-dark-toggle-95231fd5-0,var(--color-blue-50))}@supports (color:light-dark(red,red)){.mdn-search-button:before{border-bottom:2px solid light-dark(var(--color-blue-50),var(--color-blue-80))}}</style><!--lit-part PwhADO+m7/M=--><!--lit-node 0--><button\n      class=\"mdn-search-button\"\n      title=\"Search the site\"\n      \n      data-glean-id=\"quick-search-open: menu\"\n    >\n      <!--lit-part ijtgkDNyZhc=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"m21 21-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></svg><!--/lit-part-->\n    </button><!--/lit-part--></template></mdn-search-button>\n          </div>\n          <mdn-user-menu locale=\"en-US\"></mdn-user-menu>\n        </div>\n      </nav>\n      <mdn-search-modal id=\"search\"></mdn-search-modal>\n     \n      <div class=\"breadcrumbs-bar\" data-scheme=\"\">\n         \n      <ol\n        class=\"breadcrumbs\"\n        vocab=\"https://schema.org/\"\n        typeof=\"BreadcrumbList\"\n      >\n        \n            <li property=\"itemListElement\" typeof=\"ListItem\">\n              <a href=\"/en-US/observatory\" property=\"item\" typeof=\"WebPage\"\n                ><span property=\"name\">HTTP Observatory</span></a\n              >\n              <meta property=\"position\" content=\"1\" />\n            </li>\n          \n      </ol>\n    \n        \n        <mdn-color-theme><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.color-theme{--color-theme-light-dark:url(/static/ssr/contrast.d86e85c43de8dee8.svg);--color-theme-light:url(/static/ssr/sun.1d7c3ad7bf6fc390.svg);--color-theme-dark:url(/static/ssr/moon.74026b9da82b0694.svg);position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (width <= 769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode=\"light dark\"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__option[data-current]{background:var(--color-background-secondary)}</style><!--lit-part jjbrVed3TRM=--><div class=\"color-theme\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <!--lit-node 2--><button\n          part=\"button\"\n          slot=\"button\"\n          class=\"color-theme__button\"\n          data-mode=\"light dark\"\n          type=\"button\"\n          aria-label=\"Switch color theme\"\n        >\n          <span><!--lit-part-->Theme<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"color-theme__dropdown\"\n          id=\"color-theme__dropdown\"\n        >\n          <ul class=\"color-theme__list\">\n            <!--lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light dark\"\n                    data-current\n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->OS default<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"light\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Light<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--lit-part oXzlp8XhpzI=--><li>\n                  <!--lit-node 1--><button\n                    class=\"color-theme__option\"\n                    data-mode=\"dark\"\n                    \n                    type=\"button\"\n                    \n                  >\n                    <!--lit-part-->Dark<!--/lit-part-->\n                  </button>\n                </li><!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-color-theme>\n        <mdn-language-switcher\n      \n      \n      \n      \n      \n     locale=\"en-US\" native=\"English (US)\" translations=\"[{&quot;locale&quot;:&quot;en-US&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;English (US)&quot;},{&quot;locale&quot;:&quot;es&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Español&quot;},{&quot;locale&quot;:&quot;fr&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Français&quot;},{&quot;locale&quot;:&quot;ja&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;日本語&quot;},{&quot;locale&quot;:&quot;ko&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;한국어&quot;},{&quot;locale&quot;:&quot;pt-BR&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Português (do Brasil)&quot;},{&quot;locale&quot;:&quot;ru&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Русский&quot;},{&quot;locale&quot;:&quot;zh-CN&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;中文 (简体)&quot;},{&quot;locale&quot;:&quot;zh-TW&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;正體中文 (繁體)&quot;},{&quot;locale&quot;:&quot;de&quot;,&quot;title&quot;:&quot;HTTP Header Security Test - HTTP Observatory | MDN&quot;,&quot;native&quot;:&quot;Deutsch&quot;}]\" url=\"/en-US/observatory\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.language-switcher{position:relative}.language-switcher__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.language-switcher__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media screen and (width <= 480px){.language-switcher__button>span{display:none}}.language-switcher__button:before{background-color:currentcolor;content:\"\";height:1.25rem;-webkit-mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);mask-image:url(/static/ssr/languages.dcba936080e5be86.svg);-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.language-switcher__dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);margin:0;padding:.75rem;position:absolute;right:0;width:max-content;z-index:1}.language_switcher__remember{border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-small);place-items:center;width:100%}.language_switcher__remember mdn-switch{padding:.25rem}:is(.language_switcher__remember mdn-switch):hover{background-color:var(--color-background-secondary)}.language-switcher__list{background-color:var(--color-background-primary);list-style:none;margin:0;padding:0;width:100%}.language-switcher__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;display:flex;font:inherit;margin:0;padding:.25rem;-webkit-text-decoration:none;text-decoration:none;width:100%}.language-switcher__option:hover,.language-switcher__option[data-current]{background-color:var(--color-background-secondary)}</style><!--lit-part chc5lPcfcrc=--><div class=\"language-switcher\">\n      <!--lit-node 1--><mdn-dropdown defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>:host{display:contents}:host(:not([loaded],:focus-within)) slot[name=dropdown]{display:none}</style><!--lit-part NrjKVwpqTpA=-->\n      <!--lit-node 0--><slot name=\"button\" ></slot>\n      <!--lit-node 1--><slot name=\"dropdown\" ></slot>\n    <!--/lit-part--></template>\n        <button\n          part=\"button\"\n          slot=\"button\"\n          class=\"language-switcher__button\"\n          type=\"button\"\n          aria-labelledby=\"current-locale\"\n        >\n          <span id=\"current-locale\"><!--lit-part-->English (US)<!--/lit-part--></span>\n        </button>\n        <div\n          slot=\"dropdown\"\n          class=\"language-switcher__dropdown\"\n          id=\"language-switcher__dropdown\"\n        >\n          <div class=\"language_switcher__remember\">\n            <!--lit-node 7--><mdn-switch\n              \n              \n               defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>@property --switch-position{syntax:\"<percentage>\";inherits:false;initial-value:0}.switch{cursor:pointer;display:flex;gap:.5em;place-items:center}.switch__input{--switch-size:1.25em;appearance:none;background-color:var(--color-text-secondary);background-image:radial-gradient(circle at calc(var(--switch-size)/2),var(--color-background-primary) calc((var(--switch-size)/2)*.8),#0000 calc((var(--switch-size)/2)*.8 + 1px));background-position:var(--switch-position) 0;background-repeat:no-repeat;background-size:var(--switch-size);border-radius:var(--radius-full);display:inline-block;height:var(--switch-size);margin:0;transition:--switch-position .2s;width:calc(var(--switch-size)*1.6)}.switch__input:checked{--switch-position:100%;background-color:var(--color-link-normal)}.switch__input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.switch__input:active:not(:disabled){filter:brightness(1.2)}.switch__input:disabled{opacity:.7}</style><!--lit-part 5r9QLJvcF6A=--> <label class=\"switch\">\n      <!--lit-node 1--><input\n        class=\"switch__input\"\n        type=\"checkbox\"\n        \n        \n        \n      />\n      <slot></slot>\n    </label><!--/lit-part--></template><!--lit-part-->Remember language<!--/lit-part--></mdn-switch\n            >\n            <!--lit-node 9--><mdn-button\n              \n              \n              \n              \n              \n              \n               variant=\"plain\" icon-only href=\"https://github.com/orgs/mdn/discussions/739\" target=\"_blank\" title=\"Enable this setting to always switch to the current language when available. (Click to learn more.)\" defer-hydration><template shadowroot=\"open\" shadowrootmode=\"open\"><style>.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}:host{display:inline-flex;vertical-align:middle}.button{box-sizing:border-box;height:100%;width:100%}</style><!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://github.com/orgs/mdn/discussions/739\"\n          target=\"_blank\"\n          \n          aria-labelledby=\"label-a9cabfq5old\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part quQU0uIDm5U=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-a9cabfq5old\" class=\"label\" hidden part=\"label\"\n      ><!--lit-part Pz0gobCCM4E=--><slot></slot><!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part--></template><!--lit-part-->Learn more<!--/lit-part--></mdn-button\n            >\n          </div>\n          <ul class=\"language-switcher__list\">\n            <!--lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/de/observatory\"\n              ><!--lit-part-->Deutsch<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              data-current\n              \n              href=\"/en-US/observatory\"\n              ><!--lit-part-->English (US)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/es/observatory\"\n              ><!--lit-part-->Español<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/fr/observatory\"\n              ><!--lit-part-->Français<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ja/observatory\"\n              ><!--lit-part-->日本語<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ko/observatory\"\n              ><!--lit-part-->한국어<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/pt-BR/observatory\"\n              ><!--lit-part-->Português (do Brasil)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/ru/observatory\"\n              ><!--lit-part-->Русский<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-CN/observatory\"\n              ><!--lit-part-->中文 (简体)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--lit-part FGon1f+Z4tQ=-->\n          <li>\n            <!--lit-node 1--><a\n              class=\"language-switcher__option\"\n              \n              \n              href=\"/zh-TW/observatory\"\n              ><!--lit-part-->正體中文 (繁體)<!--/lit-part--></a\n            >\n          </li>\n        <!--/lit-part--><!--/lit-part-->\n          </ul>\n        </div>\n      </mdn-dropdown>\n    </div><!--/lit-part--></template></mdn-language-switcher>\n      </div>\n    \n        </header>\n        <div class=\"page-layout__main\">\n        <main id=\"content\" class=\"observatory\">\n          <section class=\"observatory-top\">\n            <div class=\"observatory-top__form\">\n              <h1 class=\"observatory-top-form__title\">\n                HTTP Observatory\n              </h1>\n              <p class=\"observatory-top-form__description\">\n                Launched in 2016, the ⁨HTTP Observatory⁩ enhances web security by analyzing compliance with best security practices. It has provided insights to over 6.9 million websites through 47 million scans.\n              </p>\n              <mdn-observatory-form\n                \n               class=\"observatory-top-form__form\"><template shadowroot=\"open\" shadowrootmode=\"open\"><style>*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}.button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.25rem;color:var(--color-text-primary);column-gap:.3125em;cursor:pointer;display:inline-flex;font-family:var(--font-family-text);font-size:.875em;font-weight:450;justify-content:center;line-height:var(--font-line-ui);margin:0;padding:.5em;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle}.button[data-variant=primary]{--csstools-light-dark-toggle-33eaa513-0:var(--csstools-color-scheme--light) var(--color-black);color:var(--csstools-light-dark-toggle-33eaa513-0,var(--color-white));--csstools-light-dark-toggle-33eaa513-1:var(--csstools-color-scheme--light) var(--color-white);background-color:var(--csstools-light-dark-toggle-33eaa513-1,var(--color-black))}@supports (color:light-dark(red,red)){.button[data-variant=primary]{background-color:light-dark(var(--color-black),var(--color-white));color:light-dark(var(--color-white),var(--color-black))}}.button[data-variant=primary]:hover{--csstools-light-dark-toggle-33eaa513-2:var(--csstools-color-scheme--light) var(--color-gray-80);background-color:var(--csstools-light-dark-toggle-33eaa513-2,var(--color-gray-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary]:hover{background-color:light-dark(var(--color-gray-20),var(--color-gray-80))}}.button[data-variant=primary][data-action=positive]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-3:var(--csstools-color-scheme--light) var(--color-green-20);background-color:var(--csstools-light-dark-toggle-33eaa513-3,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]{background-color:light-dark(var(--color-green-50),var(--color-green-20))}}.button[data-variant=primary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-4:var(--csstools-color-scheme--light) var(--color-green-50);background-color:var(--csstools-light-dark-toggle-33eaa513-4,var(--color-green-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=positive]:hover{background-color:light-dark(var(--color-green-20),var(--color-green-50))}}.button[data-variant=primary][data-action=negative]{color:var(--color-white);--csstools-light-dark-toggle-33eaa513-5:var(--csstools-color-scheme--light) var(--color-red-20);background-color:var(--csstools-light-dark-toggle-33eaa513-5,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]{background-color:light-dark(var(--color-red-50),var(--color-red-20))}}.button[data-variant=primary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-6:var(--csstools-color-scheme--light) var(--color-red-50);background-color:var(--csstools-light-dark-toggle-33eaa513-6,var(--color-red-20))}@supports (color:light-dark(red,red)){.button[data-variant=primary][data-action=negative]:hover{background-color:light-dark(var(--color-red-20),var(--color-red-50))}}.button[data-variant=secondary]{border-color:currentcolor}.button[data-variant=secondary]:hover{--csstools-light-dark-toggle-33eaa513-7:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-7,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=secondary]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=secondary][data-action=positive]{--csstools-light-dark-toggle-33eaa513-8:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-8,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=secondary][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-9:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-9,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=secondary][data-action=negative]{--csstools-light-dark-toggle-33eaa513-10:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-10,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=secondary][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-11:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-11,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=secondary][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[data-variant=plain]:hover{--csstools-light-dark-toggle-33eaa513-12:var(--csstools-color-scheme--light) var(--color-gray-20);background-color:var(--csstools-light-dark-toggle-33eaa513-12,var(--color-gray-80))}@supports (color:light-dark(red,red)){.button[data-variant=plain]:hover{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))}}.button[data-variant=plain][data-action=positive]{--csstools-light-dark-toggle-33eaa513-13:var(--csstools-color-scheme--light) var(--color-green-80);color:var(--csstools-light-dark-toggle-33eaa513-13,var(--color-green-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]{color:light-dark(var(--color-green-50),var(--color-green-80))}}.button[data-variant=plain][data-action=positive]:hover{--csstools-light-dark-toggle-33eaa513-14:var(--csstools-color-scheme--light) var(--color-green-10);background-color:var(--csstools-light-dark-toggle-33eaa513-14,var(--color-green-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=positive]:hover{background-color:light-dark(var(--color-green-90),var(--color-green-10))}}.button[data-variant=plain][data-action=negative]{--csstools-light-dark-toggle-33eaa513-15:var(--csstools-color-scheme--light) var(--color-red-80);color:var(--csstools-light-dark-toggle-33eaa513-15,var(--color-red-50))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]{color:light-dark(var(--color-red-50),var(--color-red-80))}}.button[data-variant=plain][data-action=negative]:hover{--csstools-light-dark-toggle-33eaa513-16:var(--csstools-color-scheme--light) var(--color-red-10);background-color:var(--csstools-light-dark-toggle-33eaa513-16,var(--color-red-90))}@supports (color:light-dark(red,red)){.button[data-variant=plain][data-action=negative]:hover{background-color:light-dark(var(--color-red-90),var(--color-red-10))}}.button[disabled]{--csstools-light-dark-toggle-33eaa513-17:var(--csstools-color-scheme--light) var(--color-gray-60)!important;color:var(--csstools-light-dark-toggle-33eaa513-17,var(--color-gray-40))!important;cursor:default;--csstools-light-dark-toggle-33eaa513-18:var(--csstools-color-scheme--light) var(--color-gray-20)!important;background-color:var(--csstools-light-dark-toggle-33eaa513-18,var(--color-gray-80))!important;border-color:#0000}@supports (color:light-dark(red,red)){.button[disabled]{background-color:light-dark(var(--color-gray-80),var(--color-gray-20))!important;color:light-dark(var(--color-gray-40),var(--color-gray-60))!important}}.button .icon{display:flex}.button svg{height:1.25em;width:1.25em}.button .label{padding-block:.125em;padding-inline:.0625em}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:host{font:400 var(--base-font-size) var(--font-body);--border-radius:0.3rem}.observatory-form__input-group{display:flex;height:3rem}.observatory-form__input-group :focus-visible{outline:1px solid var(--observatory-accent);outline-offset:-1px;outline-width:1px}.observatory-form__input-group ::placeholder{color:var(--color-text-secondary);opacity:.8}.observatory-form__input-group .observatory-form__input{flex-grow:1;font:inherit;padding:0 .75rem;width:100%;--csstools-light-dark-toggle-cde67e41-0:var(--csstools-color-scheme--light) var(--color-gray-05);background-color:var(--csstools-light-dark-toggle-cde67e41-0,var(--color-gray-90));border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@supports (color:light-dark(red,red)){.observatory-form__input-group .observatory-form__input{background-color:light-dark(var(--color-gray-90),var(--color-gray-05))}}:is(.observatory-form__input-group .observatory-form__input)::placeholder{overflow-x:hidden;text-overflow:ellipsis}.observatory-form__input-group .observatory-form__submit{border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);height:unset;padding:0 2rem}.error{color:var(--form-invalid-color);margin-top:.5rem}.error:before{background-color:var(--form-invalid-color);content:\"\";display:inline-block;height:1.15rem;margin-bottom:.25rem;margin-right:.5rem;-webkit-mask-image:var(--alert-circle-img);mask-image:var(--alert-circle-img);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.5em}</style><!--lit-part DIaQoQrjO/E=-->\n          <!--lit-node 0--><form  class=\"observatory-form\">\n            <div class=\"observatory-form__input-group\">\n              <label htmlFor=\"host\" class=\"visually-hidden\">\n                Domain name or URL\n              </label>\n              <!--lit-node 3--><input\n                class=\"input observatory-form__input\"\n                placeholder=\"Scan a website for free (e.g. mdn.dev)\"\n                type=\"text\"\n                name=\"host\"\n                id=\"host\"\n                value=\"\"\n                autofocus\n                \n              />\n              <!--lit-node 4--><button\n                class=\"button observatory-form__submit\"\n                type=\"submit\"\n                \n                data-variant=\"primary\"\n              >\n                Scan\n              </button>\n            </div>\n          </form>\n          <!--lit-part--><!--/lit-part-->\n        <!--/lit-part--></template></mdn-observatory-form>\n            </div>\n            <section class=\"observatory-top__illustration\">\n              <!--lit-part 2dYSuU16zBw=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"345\" height=\"318\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 345 318\"><path fill=\"url(#paint0_linear_6797_502)\" fill-rule=\"evenodd\" d=\"M202.364 217.973c24.338-7.764 95.821-46.342 106.084-68.913 10.811-23.777-7.958-58.538-34.718-77.516-26.274-18.633-56.151.104-80.38-6.015-21.996-5.555-44.186-13.935-65.99-5.492-23.244 9 1.981 45.132-44.556 57.644-48.27 12.978-48.71 59.189-35.237 79.619 12.861 19.501 67.474-.01 90.887 6.434 21.798 5.999 41.699 21.325 63.91 14.239\" clip-rule=\"evenodd\"/><path fill=\"#D5D5D5\" fill-rule=\"evenodd\" d=\"M187.165 304.049c-37.85-.274-75.132.633-103.468 1.908-29.852 1.344-56.708 6.052-52.917 8.043 1.144 4.249 41.986.073 70.784 1.343 26.145 1.153 50.738 2.516 85.601 2.654 37.166.147 56.681-5.122 100.409-1.919 47.487 3.478 60.929-.145 55.835-2.078-4.862-1.845-51.574-5.472-79.063-6.738-25.592-1.178-42.639-2.964-77.181-3.213\" clip-rule=\"evenodd\"/><path fill=\"#B5B1F8\" d=\"m268.422 156 62 27.818v41.727c0 38.598-26.453 74.692-62 83.455-35.547-8.763-62-44.857-62-83.455v-41.727zm0 41.727c-9.645 0-19.289 7.65-19.289 17.387v10.431c-4.133 0-8.267 4.173-8.267 9.041v24.341c0 4.173 4.134 8.346 8.956 8.346h37.889c4.133 0 8.266-4.173 8.266-9.041v-24.341c0-4.173-4.133-8.346-8.266-8.346v-10.431c0-9.737-9.645-17.387-19.289-17.387m0 8.346c5.511 0 10.333 3.477 10.333 9.041v10.431h-20.666v-10.431c0-5.564 4.822-9.041 10.333-9.041\"/><path fill=\"#D99654\" d=\"m179.308 155.193 13.512-4.394-4.504 12.45-17.265 1.464-3.003-2.929s-3.908-5.664-6.005-9.521c-3.266-6.005-7.507-24.167-7.507-24.167l6.006-.733z\"/><path fill=\"#0D086C\" d=\"m217.157 303.844 7.405 1.452v4.358l-14.81.726s-.291-1.377 0-2.179c.706-1.945 3.527-.178 5.184-1.452 1.137-.875 2.221-2.905 2.221-2.905m-23.344-.934 7.406 1.453v4.357l-14.811.726s-.291-1.377 0-2.178c.706-1.946 3.527-.178 5.184-1.453 1.137-.875 2.221-2.905 2.221-2.905\"/><path fill=\"#000\" stroke=\"#000\" d=\"m201.692 138.958 5.208-2.232s5.953-6.697.745-9.674 2.261-3.823.744-5.208c-1.563-1.426-3.444 2.654-5.209 1.488-1.94-1.282 5.953-5.953 0-5.953s-.517-2.113-1.488-2.977c-1.738-1.544-4.751-1.989-5.953 0-.13.216-.208.461-.246.722-.576-1.396-1.448-2.705-2.731-2.954-1.454-.282-3.72.744-3.72.744v1.488s-1.589.662-2.232 1.489c-.399.513-.794.84-.745 1.488.063.819 1.165.733 1.489 1.488.343.801-.044 1.362 0 2.232.432 8.615 11.905 18.603 11.905 18.603z\"/><path fill=\"#F2AE9B\" d=\"M178.307 128.409c-.121 2.037 2.329 2.546 2.957 3.381 3.189 4.241-.258 7.649 5.894 9.035 4.805-1.092 5.508.049 8.047-8.636.635-9.12-2.226-10.29-6.145-11.189-3.368-.199-3.454 3.213-5.457 5.814-2.159 1.918-2.857 1.392-5.296 1.595\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"m197.227 130.027-7.441-1.488\"/><path fill=\"#F2AE9B\" d=\"m202.332 143.032-3.062-9.189s1.412-.391 2.042-1.021c.891-.892 1.199-1.816 1.02-3.064-.126-.882-.308-1.506-1.021-2.041-.957-.717-1.966-.478-3.063 0-1.519.663-2.299 3.567-2.299 3.567l-.951-1.254-7.84 10.799s3.846-2.072 5.984-1.044c2.86 1.375 1.856 7.911 1.856 7.911 1.529-1.705 5.804-2.959 7.334-4.664\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".2\" d=\"M188.125 135.93s-3.002 1.798-5.055.82\"/><path stroke=\"#000\" stroke-width=\".5\" d=\"M185.33 126.66c-.753 1.341-.367 2.935.787 3.582 1.155.647 2.716.146 3.468-1.195.753-1.342.367-2.935-.787-3.582-1.155-.648-2.716-.147-3.468 1.195Zm-.01-.349s-.744-.746-1.488-.745\"/><ellipse cx=\".744\" cy=\"1.488\" fill=\"#000\" rx=\".744\" ry=\"1.488\" transform=\"scale(-1 1)rotate(-31.982 126.303 391.705)\"/><path fill=\"#EA9541\" d=\"M187.35 256.591c-3.065-16.999 7.785-41.736 7.785-41.736s-.926 3.09 13.615 3.091c14.541 0 15.5-2.761 15.5-2.761s-.307 19.887.657 33.009c1.33 18.12 0 57.454 0 57.454l-9.082.732-11.922-58.186v57.454l-10.568-2.929s-3.74-33.681-5.985-46.128\"/><path fill=\"#E8672C\" d=\"m204.664 250.001-8.929-33.681s-11.162 16.109-8.185 35.878c2.976 19.769 6.697 51.254 6.697 51.254l10.417 2.929z\"/><path fill=\"#F7E7CD\" d=\"M195.759 216.506c.32 3.508 18.692 3.835 29.739 0 0 0 .102-16.1-1.232-26.291-1.643-12.557-4.56-19.228-7.482-31.549-.38-1.636-9.727-13.521-11.223-14.272l-2.993-1.502c-1.317 0-6.687 4.069-7.96 5.048l.076-.1-.347.31.271-.21c-.789 1.047-7.556 9.999-9.249 11.477-2.239 1.954-3.742 2.254-3.742 2.254l-12.549-30.941-4.659 1.036 6.734 31.407s3.339 6.953 7.482 8.263c2.789.882 4.68.535 7.482-.307 2.582-.776 5.986-3.449 5.986-3.449z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m160.949 126.367-5.754 2.275s-3.912-6.293-3.994-7.238.139-.38.139-.38m4.228-3.941s-.583-.749-.39.479c.194 1.227 1.745 5.176 1.745 5.176m-3.439-5.813s-.472-.466-.39.478c.083.945 2.468 5.544 2.468 5.544m-3.136-4.304s-.722-.368-.278.761 2.524 4.219 2.524 4.219\"/><path fill=\"#FE987B\" d=\"M160.133 126.636s4.918-5.403 2.829-4.371c-1.792.886-2.789.854-3.267.723l-.365-.17-3.07-5.556s-1.212-1.111-1.086.077 1.454 5.035 1.454 5.035l-2.755-5.509s-.793-.649-.762.263c.03.912 2.152 5.409 2.152 5.409l-2.281-4.134s-1.301-.474-.921.626 2.28 4.134 2.28 4.134l-2.663-2.772s-.698-.374-.667.538c.03.913 4.147 7.629 4.147 7.629z\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"M156.56 125.367s.493-.994 1.008-1.549c.458-.492 1.746-.862 1.746-.862\"/><path fill=\"#D9D9D9\" d=\"m176.175 121.545-67.556-28.728s-20.008-2.462-21.048.86c-1.132 3.618 15.075 14.46 15.075 14.46l27.659 7.229 44.336 12.077z\"/><path fill=\"#3E7AD8\" d=\"M112.039 94.29s-4.908-3.568-9.521-5.913c-4.088-2.078-10.777-4.492-10.777-4.492s-2.489 4.758-3.919 7.913c-1.556 3.435-3.548 9.19-3.548 9.19s6.492 4.678 11.24 5.425c4.657.733 7.13 1.722 7.13 1.722s3.661-3.421 5.855-6.136c2.187-2.706 3.54-7.71 3.54-7.71\"/><path stroke=\"#90BAE1\" d=\"M142.375 115.157s-8.669 5.25-13.485 4.5-5.779-9.001-5.779-9.001.673 9.562 4.816 9.001c3.869-.524.963-4.5.963-4.5\"/><path fill=\"#90BAE1\" d=\"M132.745 124.157c-2.774-.955-3.852-5.251-3.852-5.251-1.542 1.2-1.927 2-1.927 2.25s.634 2.536 1.927 3.751c1.399 1.315 2.704 1.788 4.815 2.25.574.126 1.247.185 1.927.204v77.028a32 32 0 0 0-3.853.775l-2.889 3.751-5.78 42.754-4.815 54.755h4.815l2.89-54.755 5.779-42.754 3.853-.75v98.259h3.853v-98.259l3.852.75 4.816 43.504.963 54.005h5.779l-2.889-54.755-5.779-42.754s-1.224-2.639-2.89-3.751c-.993-.663-2.381-.941-3.852-1.003v-80.004l-3.853.431s-1.839-.07-2.89-.431\"/><path stroke=\"#000\" stroke-linecap=\"round\" stroke-width=\".5\" d=\"m169.695 129.945-3.954.962s-3.763-6.772-3.759-7.737.159-.361.159-.361m4.189-3.327s-.47-.844-.396.422 1.16 5.482 1.16 5.482m-2.653-6.381s-.392-.542-.396.423c-.004.964 1.788 5.961 1.788 5.961m-2.501-4.814s-.629-.481-.318.724c.31 1.205 1.95 4.635 1.95 4.635m4.094.232s.186-1.314.481-2.051c.262-.654.873-1.509.873-1.509\"/><path fill=\"#F2AE9B\" d=\"M169.448 129.704s2.353-8.299.806-6.739c-.334.336-.573.899-.742 1.475-.291.991-.375 2.023-.375 2.023l-2.494-6.742s-.783-1.084-.71.182 1.16 5.481 1.16 5.481l-2.339-6.14s-.705-.782-.709.183c-.004.964 1.788 5.961 1.788 5.961l-1.951-4.635s-1.179-.66-.869.545 1.951 4.635 1.951 4.635l-2.351-3.248s-.628-.481-.632.484 3.759 7.737 3.759 7.737z\"/><path fill=\"#F9CD6B\" fill-rule=\"evenodd\" d=\"M0 48.5C0 62.583 11.193 74 25 74s25-11.417 25-25.5S38.807 23 25 23 0 34.417 0 48.5m27.802 3.324 2.278 6.407-1.922.684-2.279-6.408.327-.686-.12-.355a6.22 6.22 0 0 1-4.322-.383 6.252 6.252 0 1 1 8.33-2.962 6.22 6.22 0 0 1-3.11 3.026l.132.35zm-1.289-10.73-.49-.201c-.423.352-1.108.964-1.784 1.782l2.484 1.181c.207-1.041.25-1.958.255-2.509-.144-.1-.3-.175-.465-.253m2.729 3.96a4.75 4.75 0 0 0-1.411-3.035c-.01.559-.06 1.356-.24 2.25zm-7.523-3.577 1.65.785a12.7 12.7 0 0 1 1.595-1.606 4.75 4.75 0 0 0-3.244.821m-1.614 1.895a4.9 4.9 0 0 0-.42 1.398l1.86.884.515-1.353.723-1.253-1.859-.884a4.9 4.9 0 0 0-.819 1.208m7.867 5.338c.325-.347.613-.774.82-1.208s.355-.928.42-1.398l-1.86-.884a9.1 9.1 0 0 1-1.239 2.606zm-4.32-5.249-.724 1.253-.515 1.353 2.832 1.346a9.1 9.1 0 0 0 1.239-2.606zm-1.268 6.32c.156.074.312.148.472.192a13 13 0 0 0 1.802-1.774l-2.484-1.18a13 13 0 0 0-.238 2.516zm4.793-.384-1.65-.785a12.6 12.6 0 0 1-1.595 1.606 4.75 4.75 0 0 0 3.245-.821m-7.522-3.576a4.75 4.75 0 0 0 1.411 3.035c.01-.56.06-1.357.24-2.25zm-1.203-16.084a2.47 2.47 0 0 0-1.403 1.266l-2.12 4.459 2.23 1.06 2.12-4.46 4.459 2.12 1.06-2.229-4.46-2.12a2.47 2.47 0 0 0-1.886-.096m13.35 37.546a2.47 2.47 0 0 0 1.403-1.266l2.12-4.459-2.23-1.06-2.12 4.46-4.46-2.12-1.059 2.229 4.46 2.12c.59.28 1.27.316 1.886.096M6.354 55.185c.22.617.675 1.121 1.266 1.403l4.459 2.12 1.06-2.23-4.46-2.12L10.8 49.9l-2.229-1.06-2.12 4.46a2.47 2.47 0 0 0-.096 1.886M43.9 41.835a2.47 2.47 0 0 0-1.266-1.402l-4.459-2.12-1.06 2.23 4.46 2.12-2.12 4.458 2.229 1.06 2.12-4.459a2.47 2.47 0 0 0 .096-1.887M99.5 67C89.283 67 81 58.717 81 48.5S89.283 30 99.5 30 118 38.283 118 48.5 109.717 67 99.5 67m2.683-22.5 1.933-.886s.58-.265 1.091.086c.318.439.54.922.761 1.405a9.53 9.53 0 0 1-4.717 12.684 9.53 9.53 0 0 1-12.684-4.717 9.53 9.53 0 0 1 4.717-12.684s.967-.442 1.41.524l.885 1.934.966-.443s.967-.442 1.41.524l.442.967 1.934-.885s.966-.443 1.409.524zm-11.904 7.203c.354.774 1.34 1.14 2.114.787.773-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.113m1.916-7.308c-.773.354-1.14 1.34-.786 2.114s1.34 1.14 2.114.786 1.14-1.34.786-2.114-1.34-1.14-2.114-.786m5.09 11.117c.354.773 1.34 1.14 2.114.786s1.14-1.34.786-2.114-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m-1.73-5.055c.354.774 1.341 1.14 2.114.786.774-.354 1.14-1.34.787-2.114-.355-.773-1.341-1.14-2.115-.786-.773.354-1.14 1.34-.786 2.114m5.719-.28c.354.774 1.341 1.14 2.114.787.774-.354 1.14-1.34.786-2.114s-1.34-1.14-2.114-.786-1.14 1.34-.786 2.114m9.889-3.942-1.934.885.885 1.934 1.934-.886zm-.886-1.933-2.655-5.8-1.934.884 2.656 5.8zM47 100.5c0 8.008 6.492 14.5 14.5 14.5S76 108.508 76 100.5 69.508 86 61.5 86 47 92.492 47 100.5m22.105-2.903a25 25 0 0 1-1.528 3.141c-.544.941-1.198 1.913-1.943 2.73-.749.82-1.564 1.46-2.426 1.776-.826.304-1.823.358-2.884.247-1.057-.111-2.145-.383-3.133-.701a25 25 0 0 1-3.08-1.231q.099-.234.252-.569c.281-.608.691-1.435 1.21-2.306 1.054-1.773 2.488-3.614 4.109-4.307.834-.356 1.855-.466 2.95-.41 1.09.055 2.221.273 3.25.543a26 26 0 0 1 3.223 1.087m-15.635 6.202-.233.442.002.001.004.002.015.008.056.029.21.105a26 26 0 0 0 3.36 1.356c1.029.331 2.187.623 3.335.744 1.144.12 2.31.073 3.334-.303 1.069-.393 2.013-1.156 2.82-2.041.81-.888 1.505-1.925 2.07-2.903a26.5 26.5 0 0 0 1.74-3.657l.024-.062.006-.017.002-.004v-.002l-.47-.17.208-.454h-.002l-.004-.003-.016-.007-.058-.026-.221-.096a27 27 0 0 0-3.515-1.199c-1.07-.28-2.273-.514-3.454-.574-1.178-.06-2.368.051-3.394.49-1.94.828-3.513 2.927-4.576 4.715a26 26 0 0 0-1.678 3.368l-.023.056-.006.016-.002.004v.001zm0 0-.466-.18-.16.415.393.207zm16.275-6.472.47.17.156-.433-.418-.191zm-10.624 4.566a3.211 3.211 0 1 0 5.967-2.374 3.211 3.211 0 0 0-5.967 2.374m.45-.509a1.377 1.377 0 1 0 2.559-1.019 1.377 1.377 0 0 0-2.558 1.019\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_6797_502\" x1=\"127.551\" x2=\"202.834\" y1=\"45.621\" y2=\"204.145\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#090968\"/><stop offset=\"1\" stop-color=\"#A388FF\"/></linearGradient></defs></svg><!--/lit-part-->\n            </section>\n          </section>\n          <section class=\"observatory-about-wrapper\">\n            <div class=\"observatory-about\">\n              <h2 class=\"observatory-about__title\">\n                About the HTTP Observatory\n              </h2>\n              <div class=\"observatory-about__content\">\n                <figure class=\"assessment\">\n                  <!--lit-part GuS/hy6PSFQ=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" role=\"presentation\" viewBox=\"0 0 50 50\"><path d=\"m33.926 30.302 10.715 10.714-3.215 3.215-10.714-10.715v-1.693l-.578-.6a13.87 13.87 0 0 1-9.065 3.365 13.929 13.929 0 1 1 13.929-13.929c0 3.45-1.264 6.622-3.364 9.064l.6.579zM21.07 9.945l-1.178.064c-.515 1.114-1.307 3-1.886 5.293h6.129a31 31 0 0 0-1.886-5.293c-.386-.064-.772-.064-1.179-.064m9.279 5.357a10.6 10.6 0 0 0-5.743-4.757 28 28 0 0 1 1.671 4.757zm-18.557 0h4.071a28 28 0 0 1 1.672-4.757 10.6 10.6 0 0 0-5.743 4.757m-1.436 5.357c0 1.072.171 2.207.493 3.214h4.586l-.258-3.214.258-3.214h-4.586a10.8 10.8 0 0 0-.493 3.214m20.936 3.214c.321-1.007.492-2.143.492-3.214s-.17-2.207-.492-3.214h-4.586q.257 1.607.257 3.214 0 1.608-.257 3.214zm-13.715-6.428-.257 3.214.257 3.214h6.986a20.3 20.3 0 0 0 0-6.428zm3.493 13.928c.386 0 .772 0 1.136-.064.536-1.114 1.35-3 1.929-5.293h-6.13a28.6 28.6 0 0 0 1.93 5.293zm9.279-5.357h-4.072a28 28 0 0 1-1.671 4.757 10.6 10.6 0 0 0 5.743-4.757m-18.557 0a10.6 10.6 0 0 0 5.743 4.757 28 28 0 0 1-1.672-4.757z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Developed by Mozilla, the ⁨HTTP Observatory⁩ performs an in-depth assessment of a site’s HTTP headers and other key security configurations.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines assessment\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"scanning\">\n                  <!--lit-part mHQG3Z4Ghxg=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 50\"><path fill=\"#5A23D7\" d=\"M5 8.333A3.333 3.333 0 0 1 8.333 5H15v3.333H8.333V15H5zm40 33.334A3.333 3.333 0 0 1 41.667 45H35v-3.333h6.667V35H45zM8.333 45A3.333 3.333 0 0 1 5 41.667V35h3.333v6.667H15V45zM41.667 5A3.333 3.333 0 0 1 45 8.333V15h-3.333V8.333H35V5zm-6.873 8.266H14.399a2.273 2.273 0 0 0-2.266 2.266V33.66a2.273 2.273 0 0 0 2.266 2.266h20.395a2.273 2.273 0 0 0 2.266-2.266V15.532a2.273 2.273 0 0 0-2.266-2.266m0 20.394H14.399V17.798h20.395z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>Its automated scanning process provides developers and website administrators with detailed, actionable feedback, focusing on identifying and addressing potential security vulnerabilities.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines scanning\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"security\">\n                  <!--lit-part c3ZdXgiZZk4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 0 50 53\"><path fill=\"#5A23D7\" d=\"M22.917 28.158h4.166v2.208h-4.166zM43.75 10.493V23.74c0 12.145-7.917 23.627-18.75 26.498C14.167 47.37 6.25 35.886 6.25 23.742v-13.25L25 1.66zm-8.333 11.04h-4.584c-.416-1.325-1.25-2.429-2.291-3.312l2.5-2.65-1.459-1.545-2.916 3.091H25c-.417 0-1.042 0-1.458.22l-2.917-3.311-1.667 1.766 2.5 2.65c-1.041.662-1.875 1.767-2.291 3.091h-4.584v2.208h4.167v2.209h-4.167v2.208h4.167v2.208h-4.167v2.208h4.584C20 35.224 22.292 36.99 25 36.99s5-1.766 5.833-4.416h4.584v-2.208H31.25v-2.208h4.167V25.95H31.25v-2.21h4.167zm-12.5 4.417h4.166v-2.21h-4.166z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The tool is instrumental in helping developers and website administrators strengthen their sites against common security threats in a constantly advancing digital environment.</p>\n                  </figcaption>\n                </figure>\n                <!--lit-part Uq/HBCMpvx0=-->\n  <!--lit-node 0--><svg width=\"75\" class=\"lines security\" height=\"75\" viewBox=\"-25 0 75 75\" version=\"1.1\" role=\"presentation\">\n   <path d=\"M 1,0 V 35 H 48 V 75\" stroke=\"url(#gradient)\" stroke-width=\"2\" stroke-dasharray=\"4, 4\" fill=\"none\"\n      style=\"stroke-linejoin:miter;stroke-linecap:butt;stroke-width:2;stroke-dasharray:4, 3.992;stroke-dashoffset:0;stroke:url(#gradient)\"\n      id=\"path1\" />\n   <defs id=\"defs3\">\n      <linearGradient id=\"gradient\" x1=\"25.321022\" y1=\"0\" x2=\"48\" y2=\"75\" gradientUnits=\"userSpaceOnUse\">\n         <stop offset=\"0.01046867\" stop-color=\"#7171E1\" id=\"stop1\" />\n         <stop offset=\"0.57600665\" stop-color=\"#CFCFF5\" id=\"stop2\" />\n         <stop offset=\"1\" stop-color=\"#ECECFB\" id=\"stop3\" />\n      </linearGradient>\n   </defs>\n</svg><!--/lit-part-->\n                <figure class=\"mdn\">\n                  <!--lit-part GemHl3T9S+A=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"53\" fill=\"none\" role=\"presentation\" viewBox=\"0 -5 50 60\"><path fill=\"#5A23D7\" d=\"M44.17 3.973H6.667C4.375 3.973 2.5 5.96 2.5 8.389v35.334c0 2.429 1.875 4.416 4.167 4.416H44.17c2.292 0 4.167-1.987 4.167-4.416V8.389c0-2.429-1.875-4.416-4.167-4.416m0 39.75H6.667V12.806H44.17z\"/><path fill=\"#5A23D7\" d=\"m22.95 17.227-5.642 19.255H15l5.622-19.255zm2.05 0v19.255h-2.05V17.227zm7.95 0-5.622 19.255h-2.307l5.621-19.255zm2.052 0v19.255H32.95V17.227z\"/></svg><!--/lit-part-->\n                  <figcaption>\n                    <p>The ⁨HTTP Observatory⁩ provides effective security insights, guided by Mozilla&#39;s expertise and commitment to a safer and more secure internet and based on well-established trends and guidelines.</p>\n                  </figcaption>\n                </figure>\n              </div>\n              <aside class=\"observatory-about__links\">\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"/en-US/observatory/docs/faq\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-0j5d2yvkbd4i\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part mExVKXe/bdM=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-0j5d2yvkbd4i\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Read our FAQ<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n                <!--lit-part uJUpfbi3Sk0=-->\n        <!--lit-node 0--><a\n          class=\"button\"\n          href=\"https://survey.alchemer.com/s3/7897385/MDN-HTTP-Observatory\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-labelledby=\"label-hylkvq6rfnb\"\n          data-variant=\"plain\"\n          \n          part=\"button\"\n        >\n          <!--lit-part--><!--lit-part bRP2a5ux/uw=--><span class=\"icon\" part=\"icon\"><!--lit-part 9Xz9b0Idnp4=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></svg><!--/lit-part--></span><!--/lit-part--><!--lit-part rI2hX8LXYZM=-->\n    <!--lit-node 0--><span id=\"label-hylkvq6rfnb\" class=\"label\"  part=\"label\"\n      ><!--lit-part-->Report Feedback<!--/lit-part--></span\n    >\n  <!--/lit-part--><!--/lit-part-->\n        </a>\n      <!--/lit-part-->\n              </aside>\n            </div>\n            <section class=\"observatory-sidebar\">\n              <mdn-placement-sidebar></mdn-placement-sidebar>\n            </section>\n          </section>\n        </main>\n      </div>\n        <div class=\"page-layout__footer\">\n      <mdn-placement-bottom></mdn-placement-bottom>\n      <footer class=\"footer\">\n        <div class=\"footer__mdn\">\n          <div class=\"footer__intro\">\n            <a\n              class=\"footer__logo\"\n              href=\"/\"\n              aria-label=\"MDN logo\"\n              ><!--lit-part eLWenVoT9SE=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"83\" height=\"24\" viewBox=\"0 0 83 24\"><path d=\"M9.4 0 2.81 21.17H.12L6.69 0zm2.38 0v21.17H9.4V0h2.4Zm9.27 0-6.56 21.17H11.8L18.36 0zm2.39 0v21.17h-2.4V0zm22.11 16.83h-3.93v-1.27h.87v-3.63c0-.85-.16-1.45-.48-1.82a1.65 1.65 0 0 0-1.3-.52c-.74 0-1.3.25-1.66.78a3 3 0 0 0-.58 1.58v3.59h1.38v1.26h-3.93v-1.26h.87v-3.6c0-.88-.16-1.48-.48-1.83a1.7 1.7 0 0 0-1.29-.52 1.93 1.93 0 0 0-1.65.75 2.85 2.85 0 0 0-.58 1.6v3.62h1.59v1.27h-4.64v-1.27h1.37V9.75h-1.4V8.46h3.08v1.47c.28-.48.62-.87 1.08-1.2a3 3 0 0 1 1.68-.45c.67 0 1.22.16 1.73.48.5.32.85.8 1.03 1.47.25-.57.62-1.03 1.13-1.4.5-.37 1.1-.55 1.81-.55.8 0 1.5.25 2.05.75.55.51.85 1.3.85 2.35v4.18h1.4zm9.77 0H52.3v-1.66c-.27.51-.66.95-1.13 1.29-.56.4-1.23.59-1.9.55-1.11 0-2-.37-2.67-1.12a4.4 4.4 0 0 1-1-3.06c0-1.15.3-2.2.93-3.15.6-.94 1.58-1.43 2.94-1.43s2.25.5 2.83 1.5V5.22h-2V3.93h3.63v11.63h1.38v1.27Zm-3.06-3.86v-1.02a2.28 2.28 0 0 0-.73-1.67 2.4 2.4 0 0 0-1.66-.65 2.18 2.18 0 0 0-1.88.9 3.63 3.63 0 0 0-.65 2.2c0 .95.23 1.68.7 2.19.45.5 1.03.76 1.7.76.73 0 1.33-.3 1.79-.88.48-.6.71-1.21.73-1.83m14.14 3.86h-4.43v-1.27h1.37v-3.63c0-.85-.16-1.45-.5-1.82a1.68 1.68 0 0 0-1.31-.52c-.71 0-1.29.23-1.7.69a2.52 2.52 0 0 0-.67 1.6v3.66h1.38v1.26H56.1v-1.26h1.38v-5.8h-1.42V8.47h3.12V9.9c.6-1.06 1.57-1.6 2.92-1.6.83 0 1.54.26 2.12.77.57.5.85 1.28.85 2.34v4.19h1.38v1.24h-.05Zm1.31 5.15H83V24H67.71z\"/></svg><!--/lit-part--></a\n            >\n            <p>\n              Your blueprint for a better internet.\n            </p>\n          </div>\n\n          <ul class=\"footer__socials\">\n            \n                <li>\n                  <a\n                    href=\"https://github.com/mdn/\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on GitHub\"\n                    data-icon=\"github\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://bsky.app/profile/developer.mozilla.org\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Bluesky\"\n                    data-icon=\"bluesky\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://x.com/mozdevnet\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on X\"\n                    data-icon=\"x\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"https://mastodon.social/@mdn\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN on Mastodon\"\n                    data-icon=\"mastodon\"\n                  ></a>\n                </li>\n              \n                <li>\n                  <a\n                    href=\"/en-US/blog/rss.xml\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"MDN blog RSS feed\"\n                    data-icon=\"rss\"\n                  ></a>\n                </li>\n              \n          </ul>\n\n          \n              <dl class=\"footer__links\">\n                <dt>MDN</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/about\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            About\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/blog/\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Blog\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://www.mozilla.org/en-US/careers/listings/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Mozilla careers\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/advertising\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Advertise with us\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/plus\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Plus\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://support.mozilla.org/products/mdn-plus\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Product help\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Contribute</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            MDN Community\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Community\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Community resources\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Writing_guidelines\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Writing guidelines\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/discord\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN Discord\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://github.com/mdn\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            MDN on GitHub\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n              <dl class=\"footer__links\">\n                <dt>Developers</dt>\n                <dd>\n                  <ul>\n                    \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Web\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Web technologies\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Learn_web_development\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Learn web development\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Guides\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Guides\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/MDN/Tutorials\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Tutorials\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"/en-US/docs/Glossary\"\n                            class=\"\"\n                            target=\"\"\n                            rel=\"\"\n                          >\n                            Glossary\n                          </a>\n                        </li>\n                      \n                        <li>\n                          <a\n                            href=\"https://hacks.mozilla.org/\"\n                            class=\"external\"\n                            target=\"_blank\"\n                            rel=\"noopener\"\n                          >\n                            Hacks blog\n                          </a>\n                        </li>\n                      \n                  </ul>\n                </dd>\n              </dl>\n            \n        </div>\n\n        <div class=\"footer__mozilla\">\n          <a\n            class=\"footer__logo\"\n            href=\"https://www.mozilla.org/\"\n            aria-label=\"Mozilla logo\"\n            ><!--lit-part /TOdX171+us=--><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"30\" viewBox=\"0 0 256 60\"><path d=\"m13.32 22.1 5.1 24.3h2.1l5.1-24.3H39.3v37.34h-7.26V28.46h-2.1l-6.96 30.98h-7.02L9.02 28.46h-2.1v31H-.35V22.1h13.66Zm45.12 8.74c8.73 0 13.8 5.15 13.8 14.57S67.14 60 58.44 60c-8.73 0-13.8-5.17-13.8-14.59 0-9.43 5.07-14.57 13.8-14.57m0 23.34c4.1 0 6.16-2.1 6.16-6.73v-4.12c0-4.62-2.06-6.73-6.16-6.73s-6.15 2.1-6.15 6.73v4.12c0 4.63 2.05 6.73 6.15 6.73m17.68-.14 14.82-17.26H76.32v-5.41h23.31v5.4L84.84 54.05h15.03v5.4H76.13v-5.41Zm28.07-22.67h10.7v28.07h-7.25V36.77h-3.48v-5.4zm3.44-9.27h7.26v5.4h-7.25v-5.4Zm12.62 0h10.72v37.34h-7.24V27.5h-3.48zm16.08 0h10.7v37.34h-7.25V27.5h-3.48v-5.4zm27.8 8.74c4.24 0 7.08 2.05 7.87 5.63h2.1v-5.1h8.88v5.4h-3.47v17.28h3.47v5.4h-4.25c-3 0-4.63-1.63-4.63-4.62v-.48H172c-.78 3.58-3.63 5.63-7.88 5.63-6.68 0-11.4-5.59-11.4-14.58 0-9 4.72-14.55 11.4-14.55m2.2 23.34c4.1 0 5.93-2.1 5.93-6.73v-4.12c0-4.62-1.82-6.73-5.94-6.73-3.99 0-5.92 2.1-5.92 6.73v4.13c0 4.62 1.92 6.72 5.93 6.72m46.28 5.27h-7.26V0h7.26zm6.3-28.41h30.8v-2.1l-20.4-7.32v-5.88l20.4-7.33v-2.1h-24.27V0h30.79v12l-16.62 5.63v2.11l16.61 5.64v12H218.9zm0-24.73h6.5v6.52h-6.5z\"/></svg><!--/lit-part--></a\n          >\n          <ul>\n            \n                <li>\n                  <a href=\"https://www.mozilla.org/privacy/websites/\" class=\"external\"\n                    >Website Privacy Notice</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/en-US/privacy/websites/data-preferences/\" class=\"external\"\n                    >Telemetry Settings</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/legal/terms/mozilla\" class=\"external\"\n                    >Legal</a\n                  >\n                </li>\n              \n                <li>\n                  <a href=\"https://www.mozilla.org/about/governance/policies/participation/\" class=\"external\"\n                    >Community Participation Guidelines</a\n                  >\n                </li>\n              \n          </ul>\n          <p>\n            Visit <a href=\"https://www.mozilla.org/\">Mozilla Corporation’s</a> not-for-profit parent, the <a href=\"https://foundation.mozilla.org/\">Mozilla Foundation</a>.<br />\n            Portions of this content are ©1998–⁨2026⁩ by individual mozilla.org contributors. Content available under <a href=\"/docs/MDN/Writing_guidelines/Attrib_copyright_license\">a Creative Commons license</a>.\n          </p>\n        </div>\n      </footer>\n    </div>\n      </body>\n    \n      </html>\n    "
  },
  "session": {
    "url": "https://observatory.mozilla.org/"
  }
}