why head elements come inside body css code example

Example 1: metadata html

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Example 2: metadata html

<meta name="author" content="John Doe">