HTML Meta Tags Explained
1. Character Encoding
<meta charset="UTF-8">
Tells the browser to use UTF-8 encoding, which supports most characters and symbols globally.
2. Responsive Design
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ensures your website looks good on all devices by scaling the layout to the device width.
3. Page Description (for SEO)
<meta name="description" content="This is a personal portfolio website.">
Helps search engines understand what the page is about and may appear in search results.
4. Keywords (SEO, less common today)
<meta name="keywords" content="portfolio, web developer, HTML, CSS">
Previously used for SEO; now mostly ignored by modern search engines.
5. Author
<meta name="author" content="Your Name">
Specifies the author of the webpage.
HTML Meta Tags Explained
6. Where Meta Tags Go
All meta tags should be placed inside the <head> section of the HTML document.
Example:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio website">
</head>