टिप्पण्या आणि अँकर. HTML कसे अँकर करावे

HTML मधील अँकरच्या व्यावहारिक वापराचे उदाहरण हा लेख आहे. या प्रकरणात, लेखाच्या मजकूराच्या मुख्य विभागांमध्ये आणि शीर्षकांमध्ये अँकर स्थापित केले गेले आणि परिच्छेद त्यांच्यासाठी दुवे म्हणून काम केले. लेखांमधील दुव्यांवर क्लिक करून, वापरकर्त्याला लेखाच्या मुख्य भागामध्ये इच्छित ठिकाणी आणि विभागांमध्ये हलवले जाते.

वेब पृष्ठावर अँकर तयार करण्यासाठी आणि स्थापित करण्यासाठी,
तुम्हाला html दस्तऐवजाच्या कोडमध्ये अँकर कोड घालण्याची आवश्यकता आहे आणि
अँकरला त्याच्या पृष्ठामध्ये एक अद्वितीय नाव द्या.

अँकरचे नाव

अँकरचे नाव हे त्याचे सशर्त अभिज्ञापक आहे ज्याद्वारे ब्राउझर पृष्ठावर अँकर शोधतो. अँकरचे नाव काहीही असू शकते. शक्यतो, ते पृष्ठाच्या थीमशी संबंधित असावे आणि त्यात किमान तीन वर्ण असावेत. अँकरच्या नावामध्ये कोणत्याही संयोजनात संख्या आणि लॅटिन अक्षरे असू शकतात. अँकरसाठी नावाची निवड एका गोष्टीशिवाय कोणत्याही गोष्टीद्वारे मर्यादित नाही - ते त्याच्या स्थानाच्या पृष्ठामध्ये अद्वितीय असणे आवश्यक आहे.

एका पृष्ठावर (एकाच वेब पत्त्यावर) एकाच नावाचे दोन अँकर असू शकत नाहीत. त्याच पृष्ठावर समान नावाचे अँकर असल्यास, ते एकतर अजिबात कार्य करणार नाहीत किंवा त्यापैकी फक्त पहिलेच उघडतील (हे वापरकर्त्याच्या ब्राउझरवर अवलंबून आहे).

परंतु! वेगवेगळ्या वेब पृष्ठांवर (वेगवेगळ्या वेब पत्त्यांवर) असलेले समान नाव असलेले अँकर अगदी चांगले काम करतील. उदाहरणार्थ, माझ्या सर्व ब्लॉग पृष्ठांवर माझ्याकडे “zaglavie” अँकर आहे आणि ते प्रत्येक पृष्ठावर उत्कृष्ट कार्य करते.

अँकर कोडचे सामान्य दृश्य

(विषय सामग्रीमध्ये अधिक तपशीलवार वर्णन केले आहे)
एचटीएमएल मधील आधुनिक अँकर कोडचे सामान्य स्वरूप म्हणजे ओपनिंग एचटीएमएल टॅग आणि त्याचे गुणधर्म, जे अँकरसाठी एक अद्वितीय नाव (आयडेंटिफायर) निर्दिष्ट करते.

सुरुवातीला, सानुकूल अँकर तयार करण्यासाठी, HTML टॅगची कल्पना करण्यात आली आणि त्याचे नाव गुणधर्म. नावाच्या गुणधर्माला समांतर, टॅग एक आयडी विशेषता होती, जी वेब पृष्ठावर अँकर देखील मानली जात होती. अशा प्रकारे ते क्लासिक अँकर - टॅगचे संस्थापक बनले आणि त्याचे गुणधर्म - नाव आणि (किंवा) आयडी

टॅग वापरून क्लासिक अँकर कोड तयार केला जातो
या प्रकरणात - अँकरचे नाव (त्याची ओळखकर्ता)
टॅग विशेषतांद्वारे सेट करा - नाव किंवा आयडी
तर क्लासिक अँकर कोड आहे
डॉक्युमेंटमध्ये घातलेले HTML असे दिसेल
किंवा
जेथे, "razdel" हा शब्द अँकरसाठी एक अनियंत्रित अद्वितीय नाव आहे
त्याच्या स्थानाच्या पृष्ठामध्ये.

वाजवी लोक त्यांच्या सभोवतालच्या जगाशी जुळवून घेतात. अवास्तव लोक जगाला स्वतःशी जुळवून घेतात.
त्यामुळे अवास्तव लोकांच्या कृतीतून प्रगती ठरवली जाते.

बर्नार्ड शो

204 काम करत नाही.
कदाचित ते विशिष्ट आहे
रूपांतरित
डॉक एचटीएमएल फाइलमधून?
तुमच्या मदतीबद्दल मी आभारी राहीन

तुमच्या मदतीबद्दल मी आभारी राहीन

वर्डप्रेस अँकर तुम्हाला लिंक्स (अँकर) च्या स्वरूपात तार्किक विभागांमध्ये लेख खंडित करण्याची परवानगी देतो. संपूर्ण पृष्ठाचा सारांश तयार केल्याने वाचकांना त्वरीत विशिष्ट विभागात जाण्यास मदत होते, तसेच उपयोगिता, वापरणी सुलभता, व्यावसायिकता आणि इतर पैलू सुधारतात.

वर्डप्रेस अँकर कसा बनवायचा आणि त्यासाठी कोणती साधने आहेत.

सराव मध्ये, जर लेख पुरेसे मोठे असेल तर अशा अँकरचा वापर करणे उचित आहे जेणेकरून अगदी सुरुवातीस तुम्ही स्वतःला सर्व विभागांच्या सारांशाने परिचित करू शकाल आणि आवश्यक असल्यास, ताबडतोब इच्छित एकावर जा.

या समस्येचे निराकरण करण्यासाठी 3 सोपे आणि सर्वात प्रवेशयोग्य पर्याय आहेत.

अर्थात, इतर शक्यता (php, फ्रेमवर्क, जावास्क्रिप्ट) आहेत, परंतु ज्यांना चाचणी आणि प्रोग्रामिंग आवडते त्यांच्यासाठी हे सोडले जाऊ शकते.

पोस्टच्या सुरुवातीला प्रत्येक लिंकवर क्लिक करून तुम्ही अशा अँकरचे ऑपरेशन तपासू शकता.
आणि आता क्रमाने.

HTML कोड वापरून वर्डप्रेसमध्ये अँकर कसा जोडायचा.

हे तुम्ही तुमच्या वर्डप्रेस इंजिनमध्ये वापरत असलेल्या कोणत्याही संपादकाच्या html कोड मोडमध्ये केले जाते. समजा माझ्याकडे तिसऱ्या स्तराचे शीर्षक आहे

तिसरा स्तर शीर्षक

आणि या शीर्षकात द्रुत प्रवेशासाठी, मला लेखाच्या सुरुवातीला एक अँकर लावणे आवश्यक आहे.

हे करण्यासाठी, तुम्हाला या शीर्षलेखावर एक रिक्त अँकर लिंक जोडणे आवश्यक आहे आणि त्यासाठी एक अभिज्ञापक (आयडी) आणणे आवश्यक आहे.
उदाहरणार्थ , आणि हा आयडी हेडरच्या सुरुवातीला घातला जाणे आवश्यक आहे

तिसरा स्तर शीर्षक

वर्डप्रेस अँकरपानावर कुठेही ठेवता येते आणि लेखातील कोणत्याही ठिकाणी स्क्रोल करून या अँकरद्वारे नेव्हिगेशन करता येते.

बेटर अँकर लिंक्स प्लगइन वापरून वर्डप्रेसमध्ये अँकर कसा जोडायचा

या पर्यायाचे फायदे आणि तोटे.

पृष्ठाच्या सुरुवातीला h1-h6 टॅग आणि सामग्रीमध्ये अँकरची स्वयंचलित निर्मिती
+ मूलभूत आणि सानुकूल css अँकर शैली
+ स्वतःचे विजेट
+ आपले स्वतःचे शीर्षलेख तयार करा
+ शीर्षकाच्या पुढे "सामग्रीकडे परत जा" (आवश्यक असल्यास दुवा).

सराव मध्ये, सर्वकाही अगदी सोपे दिसते. मजकुरामध्ये h1-h6 शीर्षलेखांपैकी कोणताही टॅग दिसताच, प्लगइन आपोआप अँकर घालतो.

- बर्याच काळापासून अद्यतनित केले गेले नाही
— प्लगइनचे अरुंद फोकस (केवळ अँकर लिंकसाठी)

आपण वर्डप्रेस वेबसाइटवर प्लगइन डाउनलोड करू शकता

TinyMCE प्रगत व्हिज्युअल संपादक वापरून अँकर वर्डप्रेस

आणि तिसरे, माझ्या मते, संपादक स्थापित करणे सर्वात व्यावहारिक आहे TinyMCE प्रगत, जे केवळ सामग्री आणि त्याचे स्वरूपनच नव्हे तर अँकरसह अनेक समस्या सोडविण्यास सक्षम आहे.

चला प्रतिष्ठापन समस्या वगळू आणि या संपादकाच्या सेटिंग्जचे स्वरूप त्वरित पाहू.

संपादकाची मुख्य वैशिष्ट्ये

प्रथम, वर्डप्रेसमध्ये स्थापित केलेल्या डीफॉल्ट संपादकापेक्षा संपादकामध्ये स्वतःच विस्तृत कार्यक्षमता (15 अतिरिक्त बटणे) आहेत.
दुसरे म्हणजे, कार्य पृष्ठभागावर इच्छित बटणे ड्रॅग करून कार्यक्षमता कॉन्फिगर केली जाते.
तिसरे म्हणजे, आवृत्ती नेहमीच अद्ययावत असते

थेट अँकर लिंक्स स्थापित करण्यासाठी, प्रथम तुम्हाला संपादकाच्या कार्यरत पॅनेलमध्ये एक विशेष बटण जोडण्याची आवश्यकता आहे.

पृष्ठावरील इच्छित स्थानावर अँकर बटण ड्रॅग करून आणि नंतर फक्त आयडीसह या अँकरला लिंक करून वर्डप्रेस अँकर तयार केला जातो. आयडीसाठी तुम्हाला हवे ते नाव तुम्ही घेऊन येऊ शकता.

प्रत्येक अँकरचा वेगळा आयडी असणे आवश्यक आहे.

चांगल्या स्पष्टतेसाठी, मी वर्डप्रेस अँकर लिंक्ससह काम करण्याचा व्हिडिओ रेकॉर्ड केला.


आम्ही अलीकडे एक नवीन वैशिष्ट्य जोडले आहे जे तुमच्या साइटशी संवाद साधणे केवळ अधिक सोयीस्करच नाही तर मनोरंजक देखील बनवेल. मग ते काय आहे? अँकर किंवा " अँकर लिंक्स" ही साइट नेव्हिगेशनची एक पद्धत आहे जी तुम्हाला पृष्ठावरील एका ठिकाणाहून दुस-या ठिकाणी द्रुतपणे हलविण्याची परवानगी देते.

हे सोयीस्कर का आहे?

तुम्ही वारंवार इंटरनेट वापरत असल्यास, तुम्हाला कदाचित पूर्वीपासूनच साध्या नेव्हिगेशनचा सामना करावा लागला असेल जे अँकर लिंक्स Pinterest किंवा Flickr सारख्या दीर्घ-स्क्रोलिंग साइटवर प्रदान करतात.

अँकर लिंक्स असलेल्या साइटसह, आपल्याला आवश्यक असलेली माहिती शोधण्यासाठी पृष्ठ खाली स्क्रोल करण्यात किंवा पृष्ठांवर नेव्हिगेट करण्यात वेळ वाया घालवण्याची गरज नाही. अँकर लिंकवर फक्त एकदा क्लिक करा, आणि तुम्हाला ताबडतोब नेले जाईल जिथे तुम्ही असणे आवश्यक आहे: पृष्ठाच्या शीर्षस्थानी, खाली किंवा दुसऱ्या पृष्ठावर. हे वैशिष्ट्य विशेषतः लांब पृष्ठांवर नेव्हिगेट करण्यासाठी आणि हलविण्यासाठी तसेच “शीर्षावर परत” बटण तयार करण्यासाठी उपयुक्त आहे.


Wix एडिटरमध्ये अँकर लिंक कसा बनवायचा

साइटवर अँकर लिंक जोडण्यासाठी, तुम्हाला दोन सोप्या चरणांचे अनुसरण करणे आवश्यक आहे: प्रथम, तुम्हाला "अँकर ड्रॉप" करणे आवश्यक आहे, म्हणजे, दुव्यावर क्लिक करून साइट अभ्यागत जिथे जावे ते गंतव्यस्थान चिन्हांकित करा. त्यानंतर तुम्हाला सुरुवातीच्या बिंदूवर एक लिंक जोडण्याची आवश्यकता आहे जिथून वापरकर्ता इच्छित अँकरवर "प्रवास" करेल. क्लिष्ट वाटते? Wix संपादकामध्ये, हे दोन क्लिकमध्ये केले जाऊ शकते:

    संपादक उघडा आणि क्लिक करा ॲडमेनूवर.

    क्लिक करा बटणे आणि मेनूआणि पर्याय निवडा अँकर.


    “अँकर” सेटिंग्जमध्ये, पृष्ठावरील त्याच्या स्थानानुसार अँकरचे नाव निर्दिष्ट करा.

    तुम्हाला जिथे नेऊ इच्छिता तिथे अँकर ड्रॅग करा.

    एकदा तुमच्याकडे तुमचे सर्व अँकर झाले की, त्यांच्यासाठी लिंक तयार करा. तुम्ही एक मेनू तयार करू शकता जो तुम्हाला अँकरवरून अँकरवर जाण्यास किंवा आयकॉन आणि इतर क्लिक करण्यायोग्य घटक वापरण्याची परवानगी देतो.

    तुम्हाला अँकरशी लिंक करायचा असलेल्या घटकावर क्लिक करा आणि क्लिक करा ला लिंक करा.

इंटरनेट बर्याच काळापासून दैनंदिन जीवनाचा अविभाज्य भाग बनले आहे. बातम्या वाचण्यासाठी, फोटो शेअर करण्यासाठी, मजेदार व्हिडिओ पाहण्यासाठी किंवा खरेदी करण्यासाठी लोक विविध वेबसाइट्सला भेट देऊन आनंद घेतात.

आणि मोबाइल तंत्रज्ञान आणि ॲप्सचे युग सुरू असतानाही, सुंदर, लक्षवेधी वेब पृष्ठे तयार करण्याचे तंत्र सुधारत आहे. काही वापरकर्त्यांना त्यांच्या आवडत्या ब्राउझरच्या पडद्यामागे काय चालले आहे आणि जेव्हा ते त्यांच्या क्रेडिट कार्डने साइटवर पैसे देतात तेव्हा काय होते हे लक्षात येते. परंतु खरं तर, या सर्वांच्या मागे कोडच्या हजारो ओळी आहेत ज्या वेब सेवा वापरण्यापासून सर्वात सोयीस्कर आणि आनंददायक अनुभव देण्यासाठी गेल्या काही वर्षांत विकसित आणि सुधारल्या गेल्या आहेत. HTML अँकर, हायपरलिंक, मार्कअप, शीर्षके - या आणि इतर अनेक संकल्पना या लेखात पुढे वर्णन केल्या जातील.

वेब पृष्ठ मूलभूत

इंटरनेटवर अनेक प्लॅटफॉर्मवर डझनभर वेगवेगळ्या ब्राउझरमध्ये एकाच वेळी उघडू शकतील आणि समान दिसू शकतील अशा साइट आणि पृष्ठे तयार करण्यासाठी, या प्रकारच्या दस्तऐवजांसाठी एकच तपशील तयार करणे आवश्यक होते. हे तपशील HTML बनले (इंग्रजी हायपरटेक्स्ट मार्कअप भाषेतून).
भाषांतरित, याचा अर्थ "हायपरटेक्स्ट मार्कअप भाषा" असा होतो. आणि हा शब्द अगदी अचूकपणे त्याच्या उद्देशाचे वर्णन करतो. HTML दस्तऐवजाची रचना वेब पृष्ठाच्या सामग्रीचे स्वतःच वर्णन करत नाही - ते केवळ विविध विभागांना "चिन्हांकित" करते, त्यांना विशिष्ट गुणधर्म किंवा गुणधर्म देते. हा मार्कअप दस्तऐवज ब्राउझर ते ब्राउझर सारखा दिसण्याची अनुमती देतो आणि वर्ल्ड वाइड वेब - HTTP आणि HTTPS वरील वर्तमान डेटा ट्रान्सफर प्रोटोकॉलची की देखील आहे.

HTML दस्तऐवज संरचना

कोणताही HTML दस्तऐवज सम संख्येच्या टॅगवर आधारित असतो. हे विशेष गुण आहेत जे विशिष्ट गुणधर्मांच्या आत सामग्री देतात. टॅग्जचे मुख्य वैशिष्ट्य म्हणजे ते जोड्यांमध्ये ठेवले पाहिजेत - पहिला टॅग "ओपनिंग" आहे आणि तो नेहमी "क्लोजिंग" द्वारे अनुसरण करणे आवश्यक आहे.

अशा प्रकारे, ब्राउझरला टॅगद्वारे निर्दिष्ट केलेल्या विशेषतांच्या सीमा नेमक्या काय आहेत हे कळते. तथापि, टॅग रिकामा असू शकतो (त्याच्या आत कोणत्याही सामग्रीशिवाय). नंतरचे उदाहरण म्हणजे लाइन ब्रेक घटक. ज्या टॅगमध्ये कोणताही मजकूर किंवा इतर डेटा नसतो ते बंद करणे आवश्यक नाही. टॅग्जचा वापर मजकूराला विशिष्ट रंग किंवा शैली देण्यासाठी किंवा दस्तऐवजात विशेष घटक (टेबल, मीडिया फाइल्स, लिंक्स) एम्बेड करण्यासाठी केला जाऊ शकतो.

HTML अँकर आणि दस्तऐवजातील दुवे

तुम्ही साइट अभ्यागतांना वेगवेगळ्या पृष्ठांवर किंवा एकाच पृष्ठामध्ये नेव्हिगेट करण्यास अनुमती देण्यासाठी दुवे वापरू शकता. हायपरलिंक्स एका किंवा अनेक साइटवर नेव्हिगेट करण्यासाठी वापरले जातात. ते सहसा दोन पूर्णपणे भिन्न संसाधन विभागांमध्ये संवाद साधण्यासाठी सेवा देतात.

चांगल्या वेबसाइट डिझाईनच्या नियमांपैकी एक म्हणजे फक्त एकसंध सामग्री प्रकार किंवा उद्देशाने एकाच ठिकाणी एकत्र करणे आवश्यक आहे. जर पृष्ठ खूप मोठे झाले किंवा तार्किक विभागांमध्ये विभागले गेले असेल, तर वापरकर्त्याला पृष्ठाच्या विभागांमध्ये द्रुतपणे हलविण्याची क्षमता देणे अर्थपूर्ण आहे. आणि येथे तथाकथित HTML अँकर खूप उपयुक्त ठरेल. माहितीच्या लक्ष्यित भागाशी जोडण्यासाठी शीर्षक डिझाइन करताना हे तंत्र अनेकदा वापरले जाते. या प्रकारचे नॅव्हिगेशन जाहिरातींसाठी वापरण्यास अत्यंत सोयीचे आहे, वापरकर्त्यास विशिष्ट सामग्रीकडे निर्देशित करते, इतर सर्व गोष्टींना मागे टाकून.

गुळगुळीत स्क्रोलिंगसह HTML अँकर वापरण्यासाठी, विकासकाला दस्तऐवज संरचनेमध्ये JavaScript लायब्ररीचा संदर्भ एम्बेड करणे आवश्यक आहे.

कसे तयार करावे

पृष्ठावर HTML अँकर ठेवण्यासाठी, एक मानक लिंक टॅग वापरला जातो. HTML दस्तऐवजाच्या संरचनेतील हा मुख्य टॅग आहे.
या टॅगद्वारे वर्णन केलेल्या दुव्याचा प्रकार दर्शवणाऱ्या href किंवा नाव सारख्या अनेक विशेषता असू शकतात. HTML अँकर लिंक हायपरलिंकपासून "#" चिन्हाच्या वापराने ओळखली जाते. त्यानंतर, आपण अँकरसाठी एक अद्वितीय नाव निर्दिष्ट करणे आवश्यक आहे जेणेकरून ब्राउझर संक्रमणाचे लक्ष्य अद्वितीयपणे निर्धारित करू शकेल. आपण एकाच दस्तऐवजात दोन समान नावे देऊ शकत नाही हे विसरू नये हे अत्यंत महत्वाचे आहे, परंतु साइटच्या भिन्न पृष्ठांवर हे स्वीकार्य आहे.

दस्तऐवजाच्या संरचनेत अँकर तयार करण्याचे उदाहरण

तर तुम्ही पेजवर HTML अँकर कसा लावाल? प्रथम आपल्याला दस्तऐवजाचा विभाग निवडण्याची आवश्यकता आहे जो सर्व्ह करेल. हे मोठ्या मजकुरात उपशीर्षक असू शकते. अशी उपशीर्षके सहसा टॅगसह हायलाइट केली जातात.

अँकर आयडेंटिफायर सहसा ओपनिंग टॅगमध्ये सेट केला जातो आणि त्याचे वर्णन करण्यासाठी “id=” विशेषता वापरली जाते. यानंतर अँकरचेच वेगळे नाव आहे. ही विशेषता जवळजवळ कोणत्याही ओपनिंग टॅगमध्ये समाविष्ट केली जाऊ शकते. एकदा पृष्ठावरील HTML अँकरचे नाव झाल्यानंतर, आमच्यासाठी फक्त कागदपत्राच्या दुसऱ्या भागात किंवा दुसऱ्या दस्तऐवजात त्याची लिंक तयार करणे बाकी आहे.

अशी उपशीर्षके सहसा टॅगसह हायलाइट केली जातात

. अँकर आयडेंटिफायर सहसा ओपनिंग टॅगमध्ये सेट केला जातो आणि त्याचे वर्णन करण्यासाठी “id=” विशेषता वापरली जाते. यानंतर अँकरचेच वेगळे नाव आहे. ही विशेषता जवळजवळ कोणत्याही ओपनिंग टॅगमध्ये समाविष्ट केली जाऊ शकते. html अँकरचे नाव सेट केल्यावर, फक्त कागदपत्राच्या दुसऱ्या भागात किंवा दुसऱ्या दस्तऐवजात त्याची लिंक तयार करणे बाकी आहे. एकाच दस्तऐवजातील अँकरची लिंक बहुतेक वेळा स्थानिक म्हटले जाते, तर भिन्न दस्तऐवजांच्या लिंकला निरपेक्ष म्हणतात.

तथापि, केवळ HTML वापरून अँकरमध्ये गुळगुळीत संक्रमणे साध्य करणे कठीण आहे. परंतु या दृष्टिकोनामुळे वापरकर्ता पृष्ठावर किंवा पृष्ठांदरम्यान नेव्हिगेट करण्यात गोंधळून जाईल आणि त्यामुळे संसाधन वापरण्याची त्याची छाप खराब करेल. स्थानिक अँकरच्या बाबतीत, गुळगुळीत स्क्रोलिंगसह एचटीएमएल अँकर वापरणे अधिक श्रेयस्कर आहे जेणेकरुन साइट अभ्यागत दृष्यदृष्ट्या संसाधनाद्वारे प्रशासन त्याला कोणत्या दिशेने नेत आहे त्याचे अनुसरण करू शकेल.

हा प्रभाव तयार करण्यासाठी, तुम्हाला JavaScript चा अवलंब करावा लागेल. लहान स्क्रिप्टचे तत्त्व खालीलप्रमाणे असेल - सर्व प्रथम, आम्हाला पृष्ठावरील HTML अँकरचे मानक वर्तन अवरोधित करणे आवश्यक आहे. हे आवश्यक आहे जेणेकरून ब्राउझर अभ्यागताला स्वतःहून दुव्यावर पुनर्निर्देशित करण्याचा निर्णय घेत नाही. यानंतर, आमची स्क्रिप्ट टॅगमध्ये असलेल्या आयडेंटिफायरवर प्रक्रिया करते . आमच्या ॲनिमेशनसाठी गंतव्यस्थान शोधण्यासाठी HTML अँकरचे नाव जतन केले जाते आणि दस्तऐवजाद्वारे शोधले जाते. जेव्हा लक्ष्य सापडते, तेव्हा स्क्रिप्ट पृष्ठाच्या सुरुवातीपासून आम्ही लिंक केलेल्या घटकाच्या शीर्षापर्यंतचे अंतर मोजते. हे अंतर पृष्ठाचे स्क्रोलिंग सहजतेने ॲनिमेट करण्यासाठी वापरले जाईल. आम्हाला फक्त स्वतःसाठी स्क्रोलिंग गती ठरवायची आहे.

विशेष नियम

वेब पृष्ठे मांडताना, डिझाइनरांनी नेहमी लक्षात ठेवावे की माहितीसह पृष्ठ ओव्हरलोड करणे चुकीचे आहे, कारण यामुळे त्याची समज कमी होऊ शकते. आणि जर तुम्हाला वापरकर्त्याला पृष्ठाच्या महत्त्वाच्या भागावर त्वरीत नेव्हिगेट करण्याची संधी देण्याची आवश्यकता असेल, तर या हेतूसाठी HTML अँकर वापरण्यापेक्षा काहीही सोपे आणि चांगले नाही. पृष्ठाच्या वेगवेगळ्या विभागांमधील संक्रमणाचे ॲनिमेशन JavaScript कोडच्या काही ओळींसह लागू केले जाते आणि त्याचा प्रभाव लक्षणीय आहे - वापरकर्त्याला तो दस्तऐवजाच्या कोणत्या भागात आहे आणि त्याला पुढे कुठे जायचे आहे याची नेहमी जाणीव असेल.

ते का आवश्यक आहेत, ते कुठे वापरणे योग्य आणि योग्य आहे? आम्ही या पृष्ठावर या प्रश्नांची उत्तरे देण्याचा प्रयत्न करू.

HTML अँकर नियुक्त करणे

माझ्या पृष्ठांवर मी तुमचे स्वागत करतो, हे काय आहे? HTML अँकर हे नेव्हिगेशन घटक आहेतसाइट पृष्ठावर. ते एका पानात हलवण्यासाठी वापरले जातात. जर पृष्ठ खूप मोठे असेल तर, वापरकर्त्यांच्या सोयीसाठी, वेब डिझायनरला विशेष टॅग - HTML अँकर लावून पृष्ठाभोवती नेव्हिगेशन प्रदान करण्याची संधी आहे.

तुम्हाला अनेकदा अशी पाने भेटतात. अशा दस्तऐवजांच्या नेहमीच्या संरचनेत सुरुवातीला पृष्ठाची सामग्री असते. आणि पृष्ठाच्या मुख्य भागामध्ये - सामग्री घटकांचे वर्णन.

आणि पृष्ठाच्या मुख्य भागामध्ये सामग्री घटकांचे वर्णन आहे.

विभाग 1
मजकूर
…………
विभाग २
मजकूर
…………

लेबले तयार करण्यासाठी पृष्ठावरील शीर्षके आणि उपशीर्षके वापरणे तर्कसंगत आहे, जरी हे आवश्यक नाही.

एचटीएमएल अँकर कसे जोडायचे?

लेबल तयार करण्याचे दोन मार्ग आहेत. पहिल्या प्रकरणात, लेबल तयार करण्यासाठी टॅग वापरला जातो नावाच्या गुणधर्मासह. HTML एंट्री अशी दिसेल:

विभाग 1

ओपनिंग आणि क्लोजिंग टॅगमधील मजकूर आवश्यक नाही, परंतु माझ्या मते, इष्ट आहे. पृष्ठावरील लेबलचे नाव अद्वितीय असणे आवश्यक आहे आणि त्यात लॅटिन अक्षरे आणि संख्या असू शकतात.

दुसऱ्या प्रकरणात, ते आणखी सोपे आहे. आयडी विशेषता कोणत्याही HTML टॅगमध्ये जोडली जाते, उदाहरणार्थ:

विभाग २

आपण वर वर्णन केलेल्या कोणत्याही पद्धती वापरू शकता.

एचटीएमएल अँकरचा संदर्भ कसा घ्यावा?

अँकरने चिन्हांकित केलेल्या इच्छित ठिकाणी जाण्यासाठी, एक दुवा आयोजित केला जातो. हे नियमित हायपरलिंकचे एक विशेष प्रकरण आहे, परंतु त्यात काही बारकावे आहेत. उदाहरणार्थ:

कलम 4

तुम्ही आधीच समजून घेतल्याप्रमाणे, नाव किंवा ID विशेषतांमध्ये निर्दिष्ट केलेल्या लेबलच्या नावात ते जोडले आहे हॅश मार्क - # .

दुसऱ्या पृष्ठावरील HTML अँकर लेबलवर जा

अँकर. कलम 4

सुरवातीला

नंतर संक्रमण वेब पृष्ठाच्या सुरूवातीस होईल.

WordPress मध्ये HTML अँकर वापरणे

CMS WordPress मध्ये अँकर ठेवण्याची प्रक्रिया स्वयंचलित नाही. परंतु, इच्छित असल्यास, ते HTML संपादक वापरून सहजपणे प्रविष्ट केले जाऊ शकतात. लेखन वाक्यरचना वर वर्णन केलेल्या पद्धतींपेक्षा भिन्न नाही.

अँकर १

अँकर १

खरंतर मला तुम्हाला एवढंच सांगायचं होतं HTML अँकर. मी सर्वांना खूप खूप शुभेच्छा देतो.

उपयुक्त साहित्य: