HTMLHTML · Lesson 12

The Head & Meta Tags

title, description, viewport, charset, favicon, Open Graph.

Video tutorialTrack course · freeCodeCamp

Speed

Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions

3/3

htmlhtml

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Under 60 characters, with your keyword</title>
  <meta name="description" content="Under 160 characters.">
  <link rel="icon" href="/favicon.ico">
  <meta property="og:title" content="Shared on social">
  <meta property="og:image" content="https://site.com/cover.jpg">
</head>

Without the viewport meta tag your site will not scale correctly on phones.

Knowledge check

0/1 answered

Which tag makes a site render properly on mobile?