Head Elements

Meta Tags

<meta> tags give the browser and search engines extra information about the page. They are empty tags inside the <head>.

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Learn HTML step by step with examples.">
  <meta name="author" content="TechSnow">
  <title>HTML Tutorial</title>
</head>

Meta tag	Purpose
`charset="UTF-8"`	Supports every language and emoji. Put it first.
`name="viewport"`	Makes pages display properly on phones.
`name="description"`	The summary Google may show under your title (about 155 characters).
`name="robots"`	`noindex` hides a page from search engines.
`name="theme-color"`	Colours the browser bar on mobile.