वेब पेजहरूमा लिङ्कहरू थप्दै

वेब पेजहरूमा लिङ्कहरू वा लंगरहरू

वेबसाइटहरू र सञ्जालका अन्य रूपहरू बीचको फरक फरक भिन्नताहरू "लिङ्कहरू" वा हाइपरलिङ्कहरूको विचार हो किनभने तिनीहरू तकनीकी डिजाइन वेब सर्तहरूमा जान्छन्।

वेब बनाउन मद्दतको लागी यो आज के लिङ्कहरू, साथै तस्बिरहरू सजिलै वेबपृष्ठहरूमा सबै भन्दा बढी जोडिएका चीजहरू हुन्। सायद, यी वस्तुहरू थप्न सजिलो छ (केवल दुई आधारभूत एचटीएमएल ट्यागहरू ) र तिनीहरूले अन्यथा सादा पाठ पृष्ठहरू के हुने उत्साह र अन्तरक्रियात्मकता ल्याउन सक्छन्। यस लेखमा, तपाइँ (लंगर) ट्यागको बारेमा जान्न सक्नुहुन्छ, जुन वेबसाइट पेजहरूमा लिङ्कहरू थप्न वास्तविक एचटीएमएल तत्व प्रयोग गरिन्छ।

लिंक थप्दै

लिङ्क HTML मा एंकर भनिन्छ, र त्यसैले यो प्रतिनिधित्व गर्नको लागि ट्याग ए ट्याग हो। सामान्यतया, मानिसहरू सजिलैसँग यी थपहरू "लिङ्क" को रूपमा उल्लेख गर्छन्, तर लंगर भनेको वास्तवमा कुनै पनि पृष्ठमा थपिएको छ।

जब तपाइँ लिङ्क थप्नुहुन्छ, तपाइँ वेब पेज ठेगानामा बिन्दु हुनुपर्दछ जुन तपाईं आफ्ना प्रयोगकर्ताहरूलाई जब क्लिक गर्नुहुन्छ वा ट्याप गर्नुहुन्छ (यदि तिनीहरू टच स्क्रीनमा छन्) लिंक गर्न चाहानुहुन्छ। तपाइँ यो विशेषतासँग निर्दिष्ट गर्नुहोस्।

Href हरू "हाइपरटेक्टर सन्दर्भ" को लागि खडा हुन्छ र यसको उद्देश्य URL को हिसाब गर्न हो जहाँ तपाईं त्यो विशिष्ट लिङ्कमा जान चाहानुहुन्छ। यस जानकारी बिना, एक लिंक बेकार छ - यो ब्राउजरलाई भन्नाले प्रयोगकर्तालाई कहीं ल्याइनेछ, तर यसमा गन्तव्य जानकारी हुनेछ जहाँ "कहीं" हुनुपर्छ। यो ट्याग र यो विशेषता ह्यान्डलमा हान्नुहोस्।

उदाहरणको लागि, पाठ लिङ्क सिर्जना गर्न, तपाईंले लेख्नुहुन्छ:

जानुहोस् वेब पृष्ठको URL "> पाठ जुन जुन लिंक हुनेछ "

वेब डिजाइन र HTML को बारे मा

तपाईं आफ्नो एचटीएमएल पृष्ठमा लगभग केहि पनि लिङ्क गर्न सक्नुहुन्छ, छविहरू सहित। केवल एचटीएमएल तत्वहरू वा तत्वहरू जसलाई तपाईं र ट्यागको साथ लिङ्क गर्न चाहानुहुन्छ। तपाइँले href विशेषता छोडेर प्लेसहोल्ड लिङ्कहरू पनि सिर्जना गर्न सक्नुहुनेछ - तर केवल पछाडि जानुपर्छ र href जानकारी पछि पछि वा लिङ्क पहुँच नभएसम्म केहि पनि गर्दैन।

HTML5 लाई ब्ल्याक-तह तत्वहरू जस्तै अनुच्छेदहरू र DIV तत्वहरू लिंक गर्न वैध बनाउँछ। तपाईं धेरै ठूलो क्षेत्र वरिपरि एंकर ट्याग थप्न सक्नुहुन्छ, जस्तै विभाजन वा परिभाषा सूची, र त्यो क्षेत्र "क्लिकयोग्य" हुनेछ। वेबसाइटमा ठूला, औँला-अनुकूल हिट क्षेत्रहरू बनाउन प्रयास गर्दा यो विशेष गरी उपयोगी हुन सक्छ।

केहि चीजहरू सम्झँदा कहिलेकाहीँ लिङ्कहरू थपिदिन्छ

• अन्तिम ट्याग आवश्यक छ । यदि तपाइँ यसलाई समावेश गर्न बिर्सनुभयो भने, लिङ्क पछ्याउने सबै चीज पनि लिंक गरिनेछ, जबसम्म अर्को लिङ्क ट्याग बन्द गर्दछ।
• अधिकांश समय, यो एकल तस्बिरहरू र पाठको ठूलो ब्लकहरूको सट्टामा पाठको छोटो स्प्यान लिङ्क गर्ने उत्तम छ। लिङ्कहरू तपाइँको पृष्ठमा रङहरू र रेखा रेखाहरू थप्न सक्छन् जुन पढ्न गाह्रो हुन सक्छ। निस्सन्देह, तपाईं यी लिङ्क शैलीहरू र रंगहरू सम्पादन गर्न वा रेखाचित्रहरू हटाउन CSS को प्रयोग गर्न सक्नुहुन्छ, तर यो अझै पनि यस वास्तविकताको विचारधारा राम्रो हुन सक्छ।
• तपाईंको लिङ्कहरू जाँच गर्न निश्चित गर्नुहोस् ताकि तिनीहरूले खराब नगर्नुहोस्। लिङ्क घुमाउन प्रयोगकर्ताहरू र खोजी इन्जिन दुवैलाई तपाइँको साइट अवैध मान्न सक्छ। तपाईंको पृष्ठमा लिङ्कहरू प्रमाणित गर्नको लागि नियमित लिङ्क परीक्षक प्रयोग गर्नुहोस्। यो विशेष गरी सत्य हो जब तपाइँ तेस्रो पक्ष साइटहरू (जसलाई तपाईंले व्यवस्थित गर्नुहुन्न) मा लिङ्क गर्नु हुन्छ र जसले तपाईको पृष्ठहरू धेरै पटक परिवर्तन गर्न सक्दछ, तपाइँलाई मृत लिङ्कहरू छोड्न सक्नुहुन्छ। लिङ्क चेकरले यी मृत लिङ्कहरू पाउनेछन् ताकि तपाईं कुनै पनि आवश्यक अद्यावधिकहरू गर्न सक्नुहुनेछ।
• तपाईको लिङ्कमा "यहाँ क्लिक गर्नुहोस्" पाठबाट बच्नुहोस्। याद गर्नुहोस्, टच स्क्रिन भएका व्यक्तिहरूले "क्लिक" गर्न सक्दैनन्, त्यसैले पाठले अघिल्लो युगको उत्पादन जस्तो महसुस गर्छ र वास्तवमा आजको बहु-यन्त्र केन्द्रिक वेबमा सान्दर्भिक छैन।

लिङ्कहरूको अन्य आकर्षक प्रकारहरू

एक तत्वले अर्को कागजातमा मानक लिङ्क सिर्जना गर्दछ, तर त्यहाँ अन्य लिङ्कहरू छन् जुन तपाईं रुचि राख्नुहुन्छ:

• आन्तरिक लिङ्कहरू वा लंगरहरू - यो एक वेब पृष्ठ भित्र कहींको लिङ्कहरू छन् जुन जरूरी शीर्ष होइन।
• तस्विर नक्सा - छवि नक्सा छविहरूको निर्दिष्ट क्षेत्रहरूमा म्याप गरीएको चित्रहरूमा लिङ्कहरू सिर्जना गर्न अनुमति दिन्छ। यी खेलहरू वा रचनात्मक नेभिगेशनका लागि प्रयोग गर्न सकिन्छ। तपाई प्रायः तिनीहरूलाई नक्सामा देख्नुहुन्छ जहाँ नक्सामा भएका क्षेत्रहरू क्लिक गर्न योग्य छन्। नोट गर्नुहोस् कि छवि नक्साहरू प्रायः आधुनिक वेबसाइटहरूमा प्रयोग गरिएन, किनकि तिनीहरू मोबाइल यन्त्रमा समस्या हुन सक्छ।
• तत्व - यस तत्वले हालको एउटा अन्य कागजात र पृष्ठहरू सम्बन्धित गर्न प्रयोग गरिन्छ। यसले तपाईंको वेब पृष्ठमा क्लिकयोग्य क्षेत्र सिर्जना गर्नेछैन, तर यो बुझ्न उपयोगी छ।