HTML Search Tag
Home
HTML Course
Learn HTML

HTML Search

🔎 HTML <search> Tag क्या है?

  • <search> टैग का उपयोग किसी वेबपेज में Search Functionality (खोज से जुड़ी चीज़ों) को दिखाने के लिए किया जाता है।

  • यह एक Semantic HTML5 Tag है, यानी यह ब्राउज़र और Search Engine को यह बताता है कि इस हिस्से में Search Feature है।

  • आमतौर पर इसका इस्तेमाल Search Form बनाने के लिए किया जाता है।


✨ Main Points

  1. <search> टैग का प्रयोग वेबपेज में Search Box Area को Wrap (लपेटने) के लिए होता है।

  2. इसके अंदर अक्सर <form> और <input> टैग डाले जाते हैं।

  3. यह SEO (Search Engine Optimization) के लिए भी अच्छा है, क्योंकि Search Engine को पेज का Structure समझने में मदद मिलती है।

  4. यह HTML5 में नया Semantic Element है।


📝 Syntax (रूपरेखा)

<search>
   <!-- Search Related Content -->
</search>


✅ Example: HTML Search Tag

<!DOCTYPE html>
<html>
<head>
    <title>Search Example</title>
</head>
<body>
    <h1>AJ Computer Education</h1>
    <search>
        <form action="https://www.google.com/search" method="get">
            <label for="q">खोजें:</label>
            <input type="text" id="q" name="q" placeholder="यहाँ लिखें...">
            <button type="submit">Search</button>
        </form>
    </search>
</body>
</html>

👉 इस Example में <search> टैग ने Search Form को Wrap किया है। जब User कोई Text लिखकर Search करेगा तो वह Google Search में Redirect हो जाएगा।


⚡ Note:

  • <search> टैग खुद Search Function नहीं करता, यह सिर्फ़ Search Section को Define करता है।

  • Actual Search Functionality के लिए हमें Backend Code (PHP, Python, Node.js आदि) या External Service (जैसे Google Search API) का इस्तेमाल करना पड़ता है।

Post a Comment

Post a Comment