Building Your Learning Module...
Getting things ready for you!
Find videos you like?
Save to resource drawer for future reference!
The <head> element contains metadata — information about the page that isn't displayed directly but is essential for browsers, search engines, and social media.
Content in <head> is not visible on the page. It's read by browsers and search engines only.
Head (metadata) vs Body (content)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="diagram">
<div class="box head"><head><br/><small>Metadata (invisible)</small></div>
<div class="box body"><body><br/><small>Content (visible)</small></div>
</div>
</body>
</html>Loading preview...
Essential elements every page needs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<meta name="description" content="A sample website">
</head>
<body>
<h1>Hello World!</h1>
<p>This page has proper head metadata</p>
</body>
</html>Loading preview...