Meta Content-Type tag

Role: Defines the MIME type and character set of the document.
Importance: Ensures the correct rendering of content, which is critical for SEO and user experience.


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Meta Content-Type tag must be placed between the <head> and </head> as follow:


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Sample Page</title>
</head>
<body>
      <!-- body content here -->
<footer>
        <!-- Footer content here -->
    </footer>
</body>
</html>