HTML Meta Tags - Full Guide of Html Meta Tag With Meta Tags list



HTML Meta Tags - Full Guide of Html Meta Tag With Meta Tags list


What is Meta Tag? Complete knowledge of HTML Meta Tags
HTML Documents or Blog Posts are written for Readers. In this, all information is written keeping our readers in mind.

However, Search Engines bring this information to our readers. Therefore, some information is also written for search engines. This information is called Meta Data or Meta Information. And Meta Data is defined by HTML Meta Tags.

In this article, we will give you complete information about HTML Meta Tags. To easily understand the Meta Element, we have divided this article into the following parts.

Table of Content:

  • Meta Tag Introduction
  • General Syntax of Meta Tag
  • Commonly Used Attributes of Meta Tag
  • Meta Tag
  • Keyword Meta Tag
  • Description Meta Tag
  • Viewport
  • Character Encoding
  • Page Redirection
  • Importance of Meta Tags
  • Conclusion,



Introduction of Meta Tag


HTML Document's Meta Information is defined by HTML Meta Tag. Data (Information About Content) about Meta Information Data (Content). If you put it simply, Meta Data is information about a webpage. Which is written for Search Engines.

Meta Data includes Document Title, Keywords, Description, Author Information, Last Modified Date, etc. Apart from this, you can describe hundreds of types of Meta Data about an HTML Document. Search Engines use this information to index our content and find it.
Meta Data is not visible to readers. It can only be read by Search Engines and Web Browsers.


General Syntax of Meta Tag


Below we have given General Syntax of Meta Tag.

 <meta attribute=”value”>

Meta Tag is an Empty HTML Tag. Which does not have any companion Tag ie Closing Tag? It contains only the Opening Tag. Like the Syntax given above, we have defined Meta Tag like any other HTML Tag. In this, all information is defined by Attributes only.

If you are using Meta tags in HTML, then you do not need to close it. And if you are defining Meta Tag in XHTML then it is necessary to close it.
Commonly Used Attributes of Meta Tag.

Both Global Attributes and Event Attributes are supported by Meta Element. Apart from these, there are some Element Specific Attributes, which are defined only in Meta Element. Whose information is being given below?

• charset - Its full name is Character Setting. Character Encoding of HTML Document is defined by this Attribute. If you do not define encoding, then Browser uses Default Encoding.

• content - The name and Http-Equiv Attributes values ​​are defined by this Attribute.

• Text - The name of Meta Data is defined by this Attribute. Its possible value can be application name, author, description, generator, keywords, viewport.

• Http-Equiv - This Attribute defines the HTTP Header for Define Value by Content Attribute.

Meta Tags


Meta tags are always defined in the Header of the webpage. You have come to know the above Syntax of Meta Tag. Now here we will give you information about defining some common and useful Meta Tags.

Keyword Meta Tag


Some keywords from HTML Document are written here by keyword Meta Tag. Just like it is about Tutorial Meta Tags, you can sort the words Meta Tag, HTML, Meta Element, etc. And they can be used as meta keywords. The Meta Tag is thus defined.

<!DOCTYPE html><html><head><meta name=”keyword” content=”meta tag, meta data, meta element”></head><body></body></html>


Understand the example

To define the Keyword Meta Data, Meta Tag has the value keyword of Name Attribute, and Keywords have been defined by Content Attribute. You can likewise define keywords for your HTML Document or Blog Post.

 Description Meta Tag


Description Meta Tag writes about HTML documents. You can also call it Summary. We have to Describe our entire HTML Document within about 150 words. Search Engines show this information to readers in their Search Engine Result Pages. Therefore, it should be written wisely.

<!DOCTYPE html><html><head><meta name=”description” content=”In this tutorial you can learn about HTML Meta Tags.”></head><body></body></html>


Understand the example

To define Description Meta Data, Meta Tag contains the value description of the name Attribute, and the description has been defined by the content Attribute. You can likewise define a description for your HTML document or blog post.

Viewport


The present time belongs to the Mobile Web. Therefore website/blog needs to be mobile-friendly. In which viewport value has an important role. With this, you can make your site responsible for each device. Which your readers will also like. The viewport is thus defined.

<!DOCTYPE html><html><head><meta name=”viewport” content=”width=device-width,intial-scale=1.0″></head><body></body></html>


Understand the example

To define a viewport, the Meta Tag contains the value viewport of the name Attribute, and the viewport is defined by the content Attribute. In which width is set device-width. So that our website is adjusted according to the width of the device in which it is opening. And initial-scale is written as 1.9. This makes the site zoomable.

Character Encoding


Charset Attribute is used to define the character encoding of an HTML document. If you do not set Encoding, then the browser shows your content in Default Encoding. So defining it is the right thing to do.

The present time belongs to the Mobile Web. Therefore website/blog needs to be mobile-friendly. In which viewport value has an important role. With this, you can make your site responsible for each device. Which your readers will also like. The viewport is thus defined.

<!DOCTYPE html><html><head><meta charset=”UTF-8″></head><body></body></html>


Understand the example

Charset Attribute is used in Meta Tag to define character encoding and character encoding is written in its value. Currently, UTF-8 is the most popular character encoding. And we have also used the same.

Page Redirection


With Page Redirection, you can redirect the reader from Landing URL to any other URL. Meaning you can send it from one webpage to another web pet without telling it. Redirection Meta Data is used for this task.

<!DOCTYPE html><html><head><meta http-equiv=”refresh” content=”5;url=http://www.tutorialpandit.com/”></head><body></body></html>


Understand the example

To define redirection, Http-Equiv Attribute is used in Meta Tag and its value is refreshed define. Meaning this webpage has to be loaded again.

how? It has been defined by content Attribute. We have written here the address of the homepage of the same site in 5 seconds and URL. When you open this page in your browser, you will automatically be redirected to skillmeto.com after 5 seconds. You can similarly redirect a URL to another-third or other.

Importance of Meta Tags



Now we have told that Meta Information is used to bring our content to the readers. Apart from this, there are other important uses of Meta Tags, which are mentioned below.

1. Document Title, Content Description (Summary), Keywords, etc. are defined by Meta Tag.

2. Viewport (the screen visible to the readers) Setting is defined by Meta Tag.

3. Cookies, URLs Redirection, etc. are also defined by Meta Tags.

4. Meta Information helps in indexing our webpages.

5. Meta Data is also required for SEO - Search Engine Optimization.


Conclusion,

In this article, we have given you complete information on HTML Meta Tags. What is your Meta Tag? The way to define Meta Tag, Examples of Meta Tags, etc. is to be known. We hope that this article will prove useful to you.

Post a comment

0 Comments