The viewport is the visible area of a web page. The viewport can vary with the device and will be smaller on a mobile phone and tablet than on a computer screen.
You can control the viewport, through the <meta> element. Include the following <meta> viewport element in your website to give the browser instructions on how to control the page’s dimensions and scaling:
The HTML <title> tag and <meta> tag are bits of HTML code in the header of a website. They help search engines to understand the content on a web page.
The HTML <title> tag and <meta> tag always go inside the <head> element.
HTML <title> tag
The HTML <title> tag specifies the title of the document. The title of the document can be text-only. It is displayed in the browser’s title bar/ or in the page tab.
Note: The HTML <title> tag is required in all HTML documents and also you can not have more than one <title> element in an HTML document.
Example:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML title tag</title>
</head>
<body>
<h4>This is a heading.</h4>
<p>This is a paragraph.</p>
</body>
</html>
Output:
HTML title tag
This is a heading.
This is a paragraph.
HTML meta tag
The HTML <meta> tag specifies metadata (information about data) about an HTML document.
The metadata is used by browsers (how to display content or reload the page), search engines, and other web services.
http-equiv (value- content-security-policy/ content-type/ default-style/ refresh) – provides an HTTP header for the information/value of the content attribute