The main goal of this post is to explain which Meta tags are good to go with and which are simply dead and have no use.
1.Viewport
2.Description
3.Utf-8
4.Title Tag
1. Viewport
A <meta>viewportelement gives the browser instructions on how to control the page's dimensions and scaling. The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
Based on the device width it will automatically adjust to the screen and the view will be efficent enough.
2.Description
The meta description tag in HTML is the 160 character snippet used to summarize a web page's content. Search engines sometimes use these snippets in search results to let visitors know what a page is about before they click on it.
![](https://static.wixstatic.com/media/87aba0_5fab0b0916c04344b416750efe81d81d~mv2.png/v1/fill/w_96,h_33,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/87aba0_5fab0b0916c04344b416750efe81d81d~mv2.png)
3.Utf-8
The charset attribute can be used as a shorthand method to define an HTML document's character set, which is always a good thing to do. <meta charset="utf-8"> is the same as <meta http-equiv="content-type" content="text/html; charset=utf-8"> .
Summary.UTF-8is a compromise character encoding that can be as compact as ASCII (if the file is just plain English text) but can also contain any unicode characters (with some increase in file size).UTFstands for Unicode Transformation Format. The '8'meansit uses8-bit blocks to represent a character.