HTML meta tags

what is meta tag?

A <meta>  tag is a tag HTML that describes the contents of a Web page. Meta tags are snippets of informational code that have been inserted into the header on a web page, after the title tag.

Some popular <meta> tags:

Meta Description

The Meta Description tag gives a brief overview of the document.
<meta name=”description” content=”a description of your page” />

Meta Keywords

The Meta Keywords tag is used to list keywords that define the content of your site.
<meta name=”keywords” content=”a, list, of, keywords” />

The Meta Author tag will display the author of the document.

<META name=”resource-type” content=”document”>

<META name=”copyright” content=”copyright statement”
The Meta Copyright tag is used to include a copyright, trademark, patent, or other information

<META HTTP-EQUIV=”Content-Script-Type” CONTENT=”text/javascript”>
Specifies the default scripting language in a document.

Specifies a delay in seconds before the browser automatically reloads the document.

Robots may traverse this page but not index it.

The Meta Content Language tag declares the natural language of the document.
<META HTTP-EQUIV=”Content-Language” CONTENT=”en-GB”>

With the refresh meta tag you will be able to redirect visitors to the web site of your choice.
<meta http-equiv=”refresh” content=”10; url=” />

<meta name=”viewport” content=”width=device-width”>
<meta name=”viewport” content=”width=device-width, user-scalable=no” />
By setting the meta viewport to device-width you’re sure that your site’s width is optimised for the device it’s being viewed on.
Adding user-scalable=no disables the pinch-to-zoom feature.

<meta name=”viewport” content=”minimum-scale=1.0; initial-scale=1.0;” />

<meta name = “viewport” content = “initial-scale = 1.0”>. To set the initial scale and to turn off user scaling.

Share this nice post:

One thought on “HTML meta tags

Comments are closed.