HTML Meta Tags

Metadata is a way to specify some additional information like page description, copyright, language etc.

It does not display on the webpage, it is used by a web browser or search engines which scan the page to know about it more.

<meta> tag is placed under <head> tag. Following are the attributes and syntax for meta tag:-

1. Charset attribute

The Charset used to define character encoding. The value of charset is “UTF-8” which means it will support any language to display over a web browser.

<meta charset=”utf-8”>	

2. Name attribute

The name attribute can define multiple things like description, author, refresh, viewport. Viewport value defines the viewport to control the page dimension and scaling so that it will look good on every screen size.

Keyword specifies the list of different keywords which is used by search engines.

Description specifies the website description which is relevant to search performed by search engines.

The name we define within attribute value, the same behaviour will be supported by content attribute.

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

<meta name=”keywords” content=” HTML, CSS, Jquery”>

<meta name=”description” content=”Free online classes”>

3. HTTP-Equiv attribute

HTTP-Equiv attribute used to set a URL with content so it will automatically redirect to the given page after provided time.

<meta http-eqiv=”refresh” content=”5, https://www.test.com”>

Supporting browser

ElementChromeIEFirefoxOperaSafari
<meta>YesYesYesYesYes