HTML - Meta Tag Attributes

HTML Meta Tag Attributes

HTML meta tag gives you the ability to add certain important information (metadata) about the document which is very useful mostly in SEO (Search Engine Optimization). In this tutorial I am going to be showing you various attributes that you can use in this meta tag provide that additional important information.

tips
TIP:

Remember the <meta> tag is written inside the <head> tag.


ATTR. DESC.
name

Name of the property (keywords, author, creator, director, etc).

content

Value of the property (short sentence, phrase, words).

scheme

Used to interpret the property's value.

http-equiv

Used to for http response (Refreshing page, setting cookie, etc).

charset

Used to set the character encoding of the HTML page.


Examples

These are some major examples on keywords, description, revision date, refresh, redirect, cookies, author's name, character set and view.

KEYWORDS

Keywords are list of words and phrase related to the page's content.

DESCRIPTION

Description gives an idea or brief summary of what the page is all about.

REVISION DATE

Gives information about updates or uploads of that particular page.

REFRESH PAGE

Used to give instruction to the browser to automatically refresh your page after specific duration. For example, you can set your page to refresh every 10seconds.

REDIRECT PAGE

Used to redirect your page to another URL. There are two ways to this: first you can redirect immediately or redirect after specific duration.

COOKIES

Cookies are small data that is stored locally on your device that helps the browser to track specific information such as helping you to remember your password and more.

AUTHOR'S NAME

Used to set the creator's or author's name of that particular content on the page.

CHARACTER SET

Used for setting the character encoding of that particular document; utf-8 character set is generally used which supports all languages.

VIEWPORT

Used to control the page dimension and scaling so that your website looks good on all devices.

Try it out

You can use the following example below to try it out for yourself.

ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT