HTML Meta tags

Every HTML page posted on the internet should contains meta tags. Meta tags are informations about document. This informations are important for SEO, what is optimalization for search engines like Google. If you provide meta datas in your website users will easier find your website and will know what to except and find on your website. Meta tags have to be place inside <head> tag. One of the important meta tag is charset.

Page informations meta tags

<meta name="description" content="Meta tag where you can write description of your page">
<meta name="keywords" content="here, you, can, write, keywords, delimited, by, commas">
<meta name="author" content="Author of the website, e.g. John Doe">

Viewport Meta Tag

The browser's viewport is the area of the window in which web content can be seen. The width property controls the size of the viewport. It can be set to a specific number of pixels like width=600 or to the special value device-width, which is the width of the screen in CSS pixels at a scale of 100%. The initial-scale property controls the zoom level when the page is first loaded.

Viewport is usable when you want your website reponsive (optimalized for mobile devices).

Viewport meta tag syntax

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

By: Tomas Silny
Edited: 2020-11-08 20:56:31