HTML Tutorial

HTML meta tag

HTML <meta> Tag

The <meta> tag provides metadata about the HTML document. Metadata is information like the character set, author, page description, and viewport settings. This tag is always placed inside the <head> section of the HTML document.

Purpose of <meta> Tag

Meta tags help browsers and search engines understand the content and behavior of your web page. They can influence SEO, control how the page scales on different devices, and define how characters are encoded.

Common <meta> Tags

<meta charset="UTF-8">
<meta name="description" content="Learn HTML step by step.">
<meta name="keywords" content="HTML, Tutorial, Coding">
<meta name="author" content="Technorank">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Explanation of Attributes

charset: Specifies the character encoding (e.g., UTF-8).
name: Defines the type of metadata (description, keywords, author, etc.).
content: Provides the actual metadata value.
viewport: Helps control layout on mobile browsers.

Example

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="description" content="A simple HTML meta tag example.">
    <meta name="keywords" content="HTML, meta tag, tutorial">
    <meta name="author" content="Technorank">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meta Tag Example</title>
  </head>
  <body>
    <h1>Welcome to Technorank</h1>
    <p>Learning HTML the easy way.</p>
  </body>
</html>

Conclusion

The <meta> tag may not be visible on your webpage, but it plays a vital role behind the scenes—helping browsers, search engines, and devices understand how to render and interpret your content properly.

🌟 Enjoyed Learning with Us?

Help others discover Technorank Learning by sharing your honest experience.
Your support inspires us to keep building!

Leave a Google Review

Topics