Meta Tags & Head
All HTML topics∙ Chapter 17
Meta Tags & <head>
The <head> section contains metadata — invisible information that describes your page to browsers, search engines and social media.
Essential head elements every page needs
<meta charset="UTF-8"> — UTF-8 supports all characters worldwide. Always include first.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> — Makes your page look correct on mobile phones. Always include this!
<meta name="description" content="..."> — The description shown in Google search results.
<link rel="stylesheet" href="style.css"> — Links your external CSS file.
<script src="app.js"></script> — Links your JS file. Best placed just before </body>.
📝 Edit Code
👁 Live Preview
💡 Meta tags are invisible on the page but critical for SEO and mobile compatibility.