Bhylu

HTML Head

The head contains document metadata and resource declarations. It provides information the browser and other tools need before a visitor starts reading the visible page.

How it works

  • Declare UTF-8 early, give the document a useful title, and include the viewport declaration for a responsive page.
  • A description meta element can describe the page, although a search engine may choose its own result snippet. It is not a guaranteed ranking control.
  • link can load a stylesheet or icon. A base element changes relative URL resolution throughout the document, so introduce it only with a clear reason.

A practical example

HTML

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Workshop schedule — Market Lane</title>
  <meta name="description" content="Session times and arrival information for the community workshop.">
  <link rel="stylesheet" href="styles.css">
</head>

The title names this specific page, the description summarises it, and the stylesheet reference keeps presentation outside the content.