HTML5 Tags Explained in- Hin-English PART-2

Understanding HTML5 Tags with Emojis

HTML5 Tags Explained  - Hin-English

13. <wbr> Tag: Word Break Opportunity 🌍✂️

<wbr> tag ko use karte hain jab aapke text ka word itna lamba ho ki woh small screen par properly break na ho. Ye tag word ko break karne ka ek "opportunity" deta hai. 

            Example:
            <code>Ye ek lamba string<wbr>hai jo chhote screen par<wbr>break hona zaroori hai.</code>

Kya hota hai: Ye tag text ko break tabhi karega jab zaroorat ho, na ki har waqt.
Kab use karein: Jab aapke paas long URLs ya words ho jo mobile par fit nahi hote!

14. <footer> Tag: Footer of the Page 🦶🔚

<footer> tag ka use hum page ke last mein karte hain. Isme hum copyright, contact info, ya policies ke links rakhte hain. 

            Example:
            <footer>
                <p>© 2024 MeraWebsite. Sab Rights Reserved.</p>
                <p><a href="privacy-policy.html">Privacy Policy</a> | <a href="contact-us.html">Contact Us</a></p>
            </footer>

Attributes: Jaise id="footer" ya class="footer-links" dal kar aap styling ya references de sakte hain.
Kab use karein: Hamesha page ke end mein, jab aap page complete karte ho!

15. <header> Tag: Header of the Page 🌟🖋️

<header> tag ko hum page ke upar use karte hain. Yahan pe aapka website ka naam, logo, aur navigation links hote hain. 

            Example:
            <header>
                <h1>Mera Website</h1>
                <nav>
                    <a href="home.html">Home</a> | 
                    <a href="about.html">About Us</a> |
                    <a href="services.html">Services</a>
                </nav>
            </header>

Attributes: Jaise class="main-header" ya id="header" use kar sakte ho.
Kab use karein: Ye tag page ke upar hona chahiye, jahan pe users sabse pehle dekhein!

16. <code> Tag: Code Ko Dikhana 💻👨‍💻

<code> tag ka use hum programming code ko display karne ke liye karte hain. Isse code monospace font mein dikhta hai. 

            Example:
            <p>Yahan ek example hai JavaScript ka: <code>console.log('Hello World');</code></p>

Attributes: Jaise class="code-snippet" use kar sakte ho style karne ke liye.
Kab use karein: Jab aap programming tutorials ya code show kar rahe ho!

17. <meta> Tag: Metadata for Search Engines 🔍📈

<meta> tag ka use hum search engines ko page ke baare mein batane ke liye karte hain. Ye tag <head> section mein hota hai aur SEO ko improve karta hai. 

            Example:
            <head>
                <meta charset="UTF-8">
                <meta name="description" content="Web development tutorials with HTML, CSS, and JavaScript.">
                <meta name="keywords" content="HTML, CSS, JavaScript, Web Development">
            </head>

Attributes:
- name="description": Page ka short description.
- name="keywords": SEO ke liye important keywords.
- charset="UTF-8": Text encoding set karta hai (important for multi-language support).
Kab use karein: Yeh tag hamesha <head> section mein hona chahiye taaki search engines ko page ke baare mein sahi information mile.

Quick Recap with Emojis:

  • <wbr>: Word ko jab zaroori ho tab break karta hai 🌍✂️.
  • <footer>: Page ka last section, copyright, links, etc 🦶🔚.
  • <header>: Page ka top section, title, logo, navigation 🌟🖋️.
  • <code>: Programming code ko monospace font mein show karta hai 💻👨‍💻.
  • <meta>: Page ka description aur SEO ke liye metadata 🔍📈.
Next Post Previous Post