Linking to sections within the same page html in hindi
कई बार वेब डेवलपर उसी एचटीएमएल फाइल या एक ही वेबपेज के अंदर कई पैराग्राफ, ब्लॉक, या टेक्स्ट हैडिंग सेक्शन से हाइपरलिंक क्रिएट करना चाहते है. जो वेब यूजर को उसी लम्बे या बड़े वेब पेज में ऊपर से निचे तक क्विक सेक्शन लिंक क्रिएट करने के लिए वेब पेज में सेक्शन लिंक बनाए जाते है. समान वेब पेज हाइपरलिंक से बड़े वेब पेज सेक्शन या पैराग्राफ ब्लॉक लिंक को टॉप टू बॉटम क्विक एक्सेस किया जा सकता है।
Same page block or section link in HTML web page.
Select the target section in a particular HTML web page.
सबसे पहले वेब डेवलपर टार्गेटेड वेब पेज में एक या अधिक सेक्शन लिंक को पहचाने, अब आपको अपने जरूरत के अनुसार उन वेब पेज सेक्शन को मैन्युअली सलेक्ट करना है, और उन सेक्शन को चुने जिन्हे आप ब्लॉक सेक्शन में लिंक करना चाहते हैं। अब सेक्शन लिंक में यूनिक लिंक id एट्रिब्यूट जोड़कर सेक्शन लिंक क्रिएट करे, याद रहे सेक्शन लिंक उसी वेब पेज के कई पैराग्राफ ब्लॉक सेक्शन को टॉप टू बॉटम लिंक क्विक एक्सेस करने में सहायता प्रदान करते है।
HTML same web page link example.
<p id=”section0″>link to Section 0</p>
<p> Let move on sanction 0. </p>
<p id=”section1″>link to Section 1</p>
<p>Let move on sanction 1. </p>
ऊपर दिए गए उदाहरण में, आपके पास दो पैराग्राफ सेक्शन लिंक क्रिएट किये गए हैं, जिन्हे आप उसी वेब पेज में प्रत्येक में एक यूनिक लिंक id ऐट्रिब्यूट्स (paragraph section0 और paragraph section1) को आपस में उसी वेब पेज में लिंक किया गया है।
Create same page links in an HTML web page.
एचटीएमएल वेब पेज में सेक्शन लिंक क्रिएट करने बाद, समान वेब पेज टेक्स्ट पैराग्राफ सेक्शन लिंक को क्रिएट करने के लिए एंकर टैग में href ऐट्रिब्यूट्स फीचर्स का उपयोग करके इन पैराग्राफ सेक्शन को # में यूनिक id को उपयोग करके पर्टिकुलर सेक्शन को उसी पेज में प्रॉपर लिंक करे।
Same page Section Link Example.
<a href=”#paragraph section0″>Move on Section 0</a>
<a href=”#paragraph section1″>Move on Section 1</a>
Same page section links example in HTML web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Same Page Section Link</title>
</head>
<body>
<nav>
<a href=”#php”>Php Section Link</a> |
<a href=”#css”>Css Section Link</a> |
<a href=”#javascript”>Javascript Section Link</a>
</nav>
<section id=”php”>
<h2>Php Saction</h2>
<p>You Move on Php Section, Php Abbreviated As Personal Home Page</p>
</section>
<section id=”css”>
<h2>Css Saction</h2>
<p>You Move on Css Section, Css Abbreviated As Cascade Stylesheet</p>
</section>
<section id=”javascript”>
<h2>Javascript Saction</h2>
<p>You Move on Javascript Section, Javascript Popular For Web Development</p>
</section>
</body>
</html>
Existing link explanation in an HTML web page.
- Link id attribute – वेब डेवलपर एचटीएमएल वेब पेज को टारगेट लिंक एलिमेंट में (<section id=”css”> और <section id=”php”>) लिंक में उपयोग की जाएगी। ये दोनों लिंक किसी बड़े वेब पेज में मल्टीप्ल सेक्शन लिंक को क्रिएट और एक्स्प्लोर करने में सहायक होते है।
- Anchor href attribute – किसी पर्टिकुलर वेब पेज में href लिंक ऐट्रिब्यूट्स को सेक्शन और नार्मल लिंक में उपयोग किया जाता है. यहाँ (<a href=”#css”>) । # हैश टैग सिंबल के बाद टार्गेटेड सेक्शन लिंक आईडी विशिष्ट वेब पेज ब्लॉक पैराग्राफ सेक्शन में लिंक क्रिएट करते है।
Same page link features in HTML web pages.
- Improved web page navigation – समान एचटीएमएल वेब पेज में लिंक क्रिएट करने पर वेब यूजर आसानी से किसी भी वेब पेज में लिंक को ऊपर से निचे तक क्विक एक्सेस और एक्स्प्लोर किये बिना किसी स्क्रॉल बटन का उपयोग आसानी से डिजायर वेब पेज सेक्शन पर क्विक मूव कर सकता हैं।
- Quick Resources Access – बड़े या लम्बे वेब पेज में एक से अधिक समान वेब पेज सेक्शन लिंक क्रिएट करने पर वेब यूजर डिटेल में क्विक लिंक एक्सेस और वेब के हर लिंक हिस्से को आसानी से कण्ट्रोल और एक्सेस कर सकता है।
- User Time Saving – मल्टीप्ल वेब पेज लिंक सेक्शन वेब यूजर को आसानी से और जल्दी से जरूरी लिंक इनफार्मेशन पर पहुंच प्रदान करता है. जिससे वेब क्लाइंट कम समय में जरूरी लिंक को एक्सेस कर सकता है.
