HTML for Beginners: Meta tags #3

Charset

This element specifies the character encoding for the HTML document.

<meta charset="UTF-8"/>

Viewport

This tag controls the layout and scaling of a web page on different devices, particularly on mobile devices.

This tag helps make the web page responsive, ensuring that it adapts to different screen sizes and resolutions, providing an optimal viewing experience on devices ranging from desktops to smartphones and tablets.

The width=device-width part of the content attribute specifies that the viewport's width should equal the width of the device’s screen. This means the web page will match the screen’s width in device-independent pixels.

The initial-scale=1.0 part of the content attribute sets the initial zoom level when the page is first loaded. An initial scale of 1.0 means the page is displayed at a 1:1 scale, meaning no zoom.

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

Keywords

This tag is used to specify a list of keywords that are relevant to the content of the web page. These keywords can help search engines understand the topics and themes of the page.

<meta name="keywords"…