The <meta> tag doesn’t have content itself—it provides metadata using attributes. Below are the most commonly used attributes:
🔹 1. name
- Defines the type of metadata.
- Common values:
description,keywords,author,viewport.
<meta name="description" content="A modern web app using React." />
🔹 2. content
- Provides the value of the metadata.
<meta name="author" content="Teekam Singh" />
🔹 3. charset
- Declares the character encoding of the document.
<meta charset="UTF-8" />
🔹 4. http-equiv
- Acts like an HTTP header.
- Used for setting rules like page refresh or cache control.
<meta http-equiv="refresh" content="30" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
🔹 5. property
- Mostly used for Open Graph (social sharing).
- Works with platforms like Facebook, LinkedIn.
<meta property="og:title" content="My React Blog App" />
✅ Summary:
| Attribute | Purpose |
|---|---|
name |
Defines metadata type (e.g., author) |
content |
Specifies metadata value |
charset |
Sets character encoding |
http-equiv |
Emulates HTTP headers |
property |
Used for social media sharing |
