Related post

Inheritance in Java programming with example | Zhullyblog

HTML meta tag: How meta tag works in HTML - Zhullyblog



Hello, welcome to zhullyblog. If this is your first time here , please Subscribe to Zhullyblog by Email to get latest tutorial.


HTML meta tags
In this post, you will learn about meta tags and the use of meta tags.

What exactly are meta tags.
Meta tags <meta> are used to provide basic information about the website. The information I am talking about are:

  • Authors name
  • Web description
  • Character encoding and others

Metadata are like comments, - they will not be displayed on the webpage, but will be used by browsers and search engines like Google.
Meta tags always go inside the <head> element, and are simply used to specify character set, page description, keywords, author of the document, and viewport settings.

Metadata is used by browsers to
  • Display webpage keywords
  • Reload page
  • Set view port and many more.
Study this


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Zhullyblog">
  <meta name="keywords" content="HTML,CSS, JavaScript, Python">

  <title>Create a form</title>
</head>
<body>
  <h2>Welcome to zhullyblog</h2>
</body>
</html>




Let's breakdown the code above.
• The first meta tagis used to declare character encoding inside the HTML document.

• The second meta tag is used to make a website responsive.

• The third  meta tag is used to define the author name.

• The fourth  meta tag describes the content of the website. I mean what the website is about. This is used by Google to index website.

The meta tag is used to specify the keywords
The meta tag is used to describe the website which would make it easy for Google to locate.
The meta tag defines who the author or creator of the website is.
The meta tag specify the view port so that the width and height of the page becomes responsive (I.e it can fit into any device).
Check out the post on a responsive website.
Please note that the viewport tag makes your website user friendly.




Please share



Follow us on





Related tutorials






OTHER TUTORIALS




Comments