HTML Introduction

HTML Basic Syntax

HTML Block Element

HTML Formatting

HTML Quotation

HTML Links

HTML List

HTML Table

HTML Audio

HTML Video

HTML Image

HTML Iframe

HTML Favicon

HTML Form

HTML Input Types

HTML Marquee

HTML Meta tag

Learn CSS

Learn Javascript

Learn Django

Html meta tag

What is meta tag?

Meta tag contains meta data of a HTML page. Meta data means, information about the HTML page.
Types of information meta tag contain:
1. Specific character set of the page.
2. Page description.
3. Keyword
4. Author of the document.
5. Viewport setting.

These information will not be display on the HTML page. Because these information's are for the browser not for the page visitor. Browser use these information for various works like page ranking, display content, etc.

Always write meta tag inside head tag.

Let's see the code

For keywords, let's consider a web page that contains a blog about web design. So here keyword can be web design, HTML, CSS, JavaScript.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta name="keywords" content="web design,HTML, CSS, JavaScript, web development">
</head>
<body>

</body>
</html>

How to write description in meta tag of your HTML page?

For description, let's consider a web page that contains a blog about web design. So write a short description of this page.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta name="description" content="Here you can learn about HTML, CSS, JavaScript. In short complete web design">
</head>
<body>

</body>
</html>

How to define author of the page using meta tag?

For description, let's consider a web page that contains a blog about web design. For this page, I'm the author. So I will write my name.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta name="author" content="Rafsun Ahmad">
</head>
<body>

</body>
</html>

How to define the viewport of the web page using meta tag?

Viewport helps to make you website look good and responsive.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

</body>
</html>

CodersAim is created for learning and training a self learner to become a professional from beginner. While using CodersAim, you agree to have read and accepted our terms of use, privacy policy, Contact Us

© Copyright All rights reserved www.CodersAim.com. Developed by CodersAim.