đ¤ What are HTML Meta Tags?
Meta tags provide information about the webpage to browsers and search engines.
They are placed inside the <head> section and are not visible on the page.
đ Meta tags help with SEO, responsiveness, and page behavior.
đ Where Meta Tags Are Used?
Meta tags are written inside:
<head>
<!-- Meta tags go here -->
</head>
â Common & Important Meta Tags
1ī¸âŖ Charset Meta Tag
Defines character encoding (avoids text issues).
<meta charset="UTF-8">
â Supports all languages and symbols đ
2ī¸âŖ Viewport Meta Tag (Mobile-Friendly đą)
Helps your site look good on all devices.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
đ Very important for responsive design.
3ī¸âŖ Description Meta Tag (SEO đ)
Describes your webpage content.
<meta name="description" content="Learn HTML easily with simple examples.">
âšī¸ Most search engines ignore this now, but still good to know.
4ī¸âŖ Keywords Meta Tag (Optional â ī¸)
Lists keywords related to the page.
<meta name="keywords" content="HTML, meta tags, web development">
âšī¸ Most search engines ignore this now, but still good to know.
5ī¸âŖ Author Meta Tag
Shows who created the page.
<meta name="author" content="Dharmveer Singh">
𧊠Example: Complete Head Section
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Beginner-friendly HTML tutorial">
<meta name="author" content="Dharmveer Singh">
<title>HTML Meta Tags</title>
</head>
â ī¸ Common Mistakes
â Forgetting viewport tag
â Writing meta tags outside <head>
â Using too many keywords
đ¯ Key Takeaways
-
Meta tags give info about the page, not content
-
They help with SEO & mobile responsiveness
-
Always include charset and viewport â
đ Final Tip
Meta tags are small but powerful đĒ
Use them wisely to make your website search-engine friendly and responsive đ