Head in HTML web page ka important section hota hai jisme document ki metadata aur configuration information store hoti hai.
HTML <head> element ek container hai in elements ke liye:
-
<title> -
<style> -
<meta> -
<link> -
<script> -
<base>
The HTML <head> Element
Head in HTML metadata (data ke baare me data) ka container hota hai.
Important points:
-
<head>element<html>aur<body>ke beech me place hota hai -
Isme jo information hoti hai woh web page par directly display nahi hoti
-
Yeh browser, search engines aur web services ko document ke baare me information provide karti hai
Metadata usually in cheezon ko define karti hai:
-
Document ka title
-
Character set
-
Styles
-
Scripts
-
Aur dusri meta information
Example:
The HTML <title> Element
Head in HTML me <title> element document ka title define karta hai.
Important points:
-
Title sirf text hota hai
-
Yeh browser ke tab ya title bar me show hota hai
-
<title>element HTML document me required hota hai
Page title SEO (Search Engine Optimization) ke liye bahut important hota hai.
Search engines page title ka use karte hain decide karne ke liye ki search results me pages ka order kya hoga.
<title> element:
-
Browser toolbar me title define karta hai
-
Page ko favorites/bookmarks me add karte time title provide karta hai
-
Search engine results me page ka title show karta hai
Example:
Tip: Title ko hamesha accurate aur meaningful banana chahiye.
The HTML <style> Element
Head in HTML me <style> element ek single HTML page ke liye CSS style information define karta hai.
Example:
The HTML <link> Element
Head in HTML me <link> element current document aur external resource ke beech relationship define karta hai.
Yeh tag mostly external CSS style sheets ko link karne ke liye use hota hai.
Example:
The HTML <meta> Element
Head in HTML me <meta> element usually yeh information specify karta hai:
-
Character set
-
Page description
-
Keywords
-
Author
-
Viewport settings
Metadata page par show nahi hoti, lekin:
-
Browsers ke liye (content kaise display karna hai)
-
Search engines ke liye (keywords aur description)
-
Web services ke liye useful hoti hai
Example – Character set define karne ke liye:
Example – Page description:
Example – Author:
Setting the Viewport
Head in HTML me viewport setting mobile-friendly design ke liye important hoti hai.
Viewport user ke screen ka visible area hota hai. Yeh device ke according change hota hai.
Example:
Explanation:
-
width=device-width→ page width ko device screen ke according set karta hai -
initial-scale=1.0→ page load hone par initial zoom level set karta hai
The HTML <script> Element
Head in HTML me <script> element client-side JavaScript define karne ke liye use hota hai.
Example:
Yeh script HTML elements ko manipulate kar sakta hai.
The HTML <base> Element
Head in HTML me <base> element page ke sabhi relative URLs ke liye base URL specify karta hai.
Important points:
-
<base>tag me href ya target attribute hona zaroori hai -
Ek HTML document me sirf ek hi
<base>element ho sakta hai
Example:
Is example me page ke sabhi links default URL aur target follow karenge.
Is tarah Head in HTML web page ka important section hota hai jo metadata, styles, scripts aur document configuration ko manage karta hai, jisse browser aur search engines page ko correctly process aur display kar sakte hain.
