What's in the head? Metadata in HTML - Learn web development | MDN

What's in the head? Metadata in HTML - Learn web development | MDNMDN Web DocsMDN logoMozilla logo

That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.

#ffffff

What's in the head? Metadata in HTML - Learn web development | MDN

That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.

MDN Web Docs

summary_large_image

<!-- HTML Meta Tags -->
<title>What's in the head? Metadata in HTML - Learn web development | MDNMDN Web DocsMDN logoMozilla logo</title>
<meta name="description" content="That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.">
<meta name="theme-color" content="#ffffff">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="What's in the head? Metadata in HTML - Learn web development | MDN">
<meta property="og:description" content="That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.">
<meta property="og:url" content="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">
<meta property="og:site_name" content="MDN Web Docs">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:image" content="https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png">
<meta property="og:image:alt" content="The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="MozDevNet">

{
  "title": "What's in the head? Metadata in HTML - Learn web development | MDNMDN Web DocsMDN logoMozilla logo",
  "description": "That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.",
  "keywords": null,
  "themeColor": "#ffffff",
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "What's in the head? Metadata in HTML - Learn web development | MDN",
    "description": "That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article, we'll be looking at HTML text fundamentals.",
    "url": "https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML",
    "siteName": "MDN Web Docs",
    "locale": "en_US",
    "type": "website",
    "image": {
      "url": "https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png",
      "width": "1920",
      "height": "1080",
      "alt": "The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background."
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary_large_image",
    "site": null,
    "creator": "MozDevNet",
    "title": null,
    "description": null,
    "image": {
      "url": null,
      "width": null,
      "height": null,
      "alt": null
    },
    "player": {
      "url": null,
      "width": null,
      "height": null,
      "stream": null
    },
    "app": {
      "iphone": {
        "name": null,
        "id": null,
        "url": null
      },
      "ipad": {
        "name": null,
        "id": null,
        "url": null
      },
      "googleplay": {
        "name": null,
        "id": null,
        "url": null
      }
    }
  }
}