What is the Meta in HTML?
- HTML <meta> Element का उपयोग HTML Document के बारे में Metadata को Represent करने के लिए किया जाता है। यह Page Description, Keyword, Copyright, Language, Document के Author आदि को Specified करता है।
- Metadata Webpage पर Display नहीं होता है, लेकिन इसका उपयोग Search Engine, Browser और अन्य Web Services द्वारा किया जाता है जो Webpage के बारे में जानने के लिए Site या Webpage को Scan करते हैं।
- Meta Element की मदद से आप Experiment और Preview कर सकते हैं कि आपका Webpage Browser पर कैसे Render होगा।
- <meta> Element <head> Element के भीतर रखा जाता है, और इसे एक Document में एक से अधिक बार इस्तेमाल किया जा सकता है।
Attributes of Meta
| Attribute | Value | Description |
|---|---|---|
|
charset |
character_set |
HTML Document के लिए Character Encoding को Specified करता है |
|
content |
text |
Http-equiv या Name Attribute से Related Value को Specified करता है |
|
http-equiv |
content-security-policy
content-type default-style refresh |
Content Attribute की Information/Value के लिए HTTP Header प्रदान करता है |
|
name |
application-name
author description generator keywords viewport |
Metadata के लिए Name को Specified करता है |
Basic Meta
Define keywords for search engines:
<meta name="keywords" content="HTML, CSS, JavaScript">
Define a description of your web page:
<meta name="description" content="Free Web tutorials for HTML and CSS">
Define the author of a page:
<meta name="author" content="John Ali">
Refresh document every 30 seconds:
<meta http-equiv="refresh" content="30">
Setting the viewport to make your website look good on all devices:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Example
<!DOCTYPE html>
<html lang="en">
<head>
<title>Meta Element</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="Free Web tutorials for HTML
and CSS">
<meta name="author" content="John Ali">
<meta http-equiv="refresh" content="30">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
</head>
<body>
<h1>Example of Meta Element</h1>
</body>
</html>
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
