Meta Tags and Favicon
The <head> contains information that helps the browser understand and present your page. Meta tags are a major part of that information. <meta charset="UTF-8"> tells the browser how to read text. The viewport meta tag helps the page use the correct width on phones. A description meta tag can provide a short description that search engines may use in search results. A favicon is the small icon shown in a browser tab and is commonly connected with a <link> element. These pieces may not appear as normal page content, but they are important parts of a professional HTML document.
Why this matters
- ·Correct character encoding prevents many text display problems.
- ·Viewport settings help pages behave correctly on phones.
- ·A useful title, description, and favicon make a site feel complete.
Common mistakes
- ·Forgetting the viewport can make mobile pages appear badly scaled.
- ·A description should describe the actual page.
- ·Do not put visible page content into meta tags.
Frequently asked questions
It tells the browser how to decode text characters.
Practice questions
Question 1
Create a head with charset, viewport, and title.
Question 2
Add a description and favicon.
Quick check
Just for this topic answer honestly, then check yourself.
1 / 3