What is the difference between and ?

In an HTML document, the and serve different purposes. The contains metadata and resources for the browser, while the contains the actual content displayed to users. My Web Page Welcome! This is visible content inside the body. : Contains metadata such as title, character encoding, and links to CSS/JS files. : Contains visible content like text, images, and videos. Content in is not shown directly to users but affects how the page works. Content in is shown directly in the browser window.

What is the difference between <head> and <body>?

Difficulty: 2/10

HTML structure, SEO, performance

Difference Between <head> and <body>

In an HTML document, the <head> and <body> serve different purposes. The <head> contains metadata and resources for the browser, while the <body> contains the actual content displayed to users.

Basic Structure Example

Key Differences

1<head>: Contains metadata such as title, character encoding, and links to CSS/JS files.
2<body>: Contains visible content like text, images, and videos.
3
Content in <head> is not shown directly to users but affects how the page works.
4
Content in <body> is shown directly in the browser window.

Scenario Questions

0-2 years experience

1If you add a <script> tag directly inside the <head> of an HTML page, what effect does that have on when the script runs compared to placing it at the end of the <body>?
2You need to display a page title and meta description for SEO. Where should those tags go, and what happens if you mistakenly put them inside the <body>?
3When you open a new HTML file that only contains a <body> element but no <head>, what default behavior does the browser exhibit?

Follow-up Questions

Can you give an example of a tag that must be in <head> and one that must be in <body>?
What would happen if you placed a <title> tag inside the <body>?
How does the placement affect page load performance?