html मार्कडाउन में क्रॉस-रेफरेंस(एंकर नाम दिया गया)




anchor markdown (7)

एक name प्रयोग करें। एचटीएमएल 5 में id का उपयोग करना आवश्यक नहीं है और आपकी जावास्क्रिप्ट में वैश्विक चर बनाएगा

एचटीएमएल 5 विनिर्देश देखें, 5.9.8 एक खंड पहचानकर्ता के लिए नेविगेट करना - id और name दोनों का उपयोग किया जाता है।

यह जानना महत्वपूर्ण है कि अधिकांश ब्राउज़र अभी भी वैश्विक चर में आईडी बदलते हैं । यहां एक त्वरित परीक्षण है । एक name का उपयोग ग्लोबल्स और किसी भी संघर्ष को उत्पन्न करने से बचाता है जो परिणामस्वरूप हो सकता है।

एक नाम का उपयोग उदाहरण:

Take me to [pookie](#pookie)

और गंतव्य एंकर:

### <a name="pookie"></a>Some heading

इसके बराबर के लिए मार्कडाउन सिंटैक्स है:

Take me to <a href="#pookie">pookie</a>

... 

<a name="pookie">this is pookie</a>

पार्टी के लिए देर हो चुकी है, लेकिन मुझे लगता है कि यह जोड़ rmarkdown साथ काम करने वाले लोगों के लिए उपयोगी हो सकता है। rmarkdown में आपके दस्तावेज़ में हेडर के संदर्भों के लिए अंतर्निहित समर्थन है।

किसी भी शीर्षलेख द्वारा परिभाषित किया गया

# Header

द्वारा संदर्भित किया जा सकता है

get me back to that header(#header)

निम्नलिखित एक न्यूनतम स्टैंडअलोन। .rmd फ़ाइल है जो इस व्यवहार को दिखाती है। इसे .pdf और .html पर .pdf जा सकता है।

---
title: "references in rmarkdown"
output:
  html_document: default
  pdf_document: default
---

# Header

Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. 

Go back to that [header](#header).

सबसे आम मार्कडाउन जेनरेटर के लिए। आपके पास प्रत्येक शीर्षलेख में एक सरल स्वयं उत्पन्न एंकर है। उदाहरण के लिए पैंडोक के साथ, जेनरेटेड एंकर आपके हेडर का कबाब केस स्लग होगा।

 echo "# Hello, world\!" | pandoc
 # => <h1 id="hello-world">Hello, world!</h1>

आप जिस मार्कडाउन पार्सर का उपयोग करते हैं उसके आधार पर, एंकर बदल सकता है (प्रतीक के उदाहरण और ला मुर्टे पेलुडा के जवाब ले लो, वे अलग हैं!)। इस babelmark देखें जहां आप अपने babelmark कार्यान्वयन के आधार पर जेनरेट किए गए एंकर देख सकते हैं।


Bitbucket.org पर मतदान समाधान काम नहीं करेगा। इसके बजाए, हेडर का उपयोग करते समय (## के साथ), उन्हें # मार्कडाउन-हेडर-माय-हेडर-नाम के रूप में उपसर्ग करके एंकर के रूप में संदर्भित करना संभव है, जहां # मार्कडाउन-हेडर- रेंडरर द्वारा उत्पन्न एक अंतर्निहित उपसर्ग है, और बाकी रिक्त स्थान की जगह डैश के साथ निचले-शीर्षक वाले शीर्षलेख शीर्षक हैं।

उदाहरण

## My paragraph title

इस तरह एक निहित एंकर का उत्पादन करेगा

#markdown-header-my-paragraph-title

प्रत्येक एंकर संदर्भ से पहले पूरा यूआरएल वैकल्पिक है, यानी

[Some text](#markdown-header-my-paragraph-title)

के बराबर है

[Some text](https://bitbucket.org/some_project/some_page#markdown-header-my-paragraph-title) 

बशर्ते वे एक ही पृष्ठ में हों।

स्रोत: https://bitbucket.org/tutorials/markdowndemo/overview (इस .md फ़ाइल का स्रोत संपादित करें और देखें कि एंकर कैसे बनाए जाते हैं)।


Take me to [pookie](#pookie)

पुकी नामक एंकर पॉइंट पर कूदने के लिए सही मार्कडाउन सिंटैक्स होना चाहिए।

उस नाम का एंकर पॉइंट डालने के लिए HTML का उपयोग करें:

<a name="pookie"></a>

मार्कडाउन को ऐसा लगता है कि आपने एंकर पॉइंट डाला है। इसे एक हेडर में रखने के लिए एक उपयोगी जगह है। उदाहरण के लिए:

### <a name="tith"></a>This is the Heading

बहुत अच्छी तरह से काम करता है। (मैं यहां प्रदर्शित करता हूं लेकिन एसओ का रेंडरर एंकर से बाहर निकलता है।)

स्वयं बंद टैग और id= बनाम name= पर ध्यान दें

इस पोस्ट के पहले संस्करण ने <a id='tith' /> /> का उपयोग करके, एक्सएचटीएमएल के लिए स्वयं-समापन वाक्यविन्यास का उपयोग करके और name बजाय id विशेषता का उपयोग करने का सुझाव name

एक्सएचटीएमएल किसी भी टैग को 'रिक्त' और 'स्व-बंद' होने की अनुमति देता है। यही है, <tag /> <tag></tag> लिए छोटा हाथ है, एक खाली शरीर के साथ टैग की एक मिलान जोड़ी। अधिकांश ब्राउज़र एक्सएचटीएमएल स्वीकार करेंगे, लेकिन कुछ नहीं करते हैं। क्रॉस-ब्राउज़र समस्याओं से बचने के लिए, ऊपर वर्णित अनुसार <tag></tag> का उपयोग करके टैग को स्पष्ट रूप से बंद करें।

अंत में, विशेषता name= एक्सएचटीएमएल में बहिष्कृत किया गया था, इसलिए मैंने मूल रूप से id= उपयोग किया, जिसे हर कोई पहचानता है। हालांकि, एचटीएमएल 5 अब id= का उपयोग करते समय जावास्क्रिप्ट में एक वैश्विक चर बनाता है, और यह आवश्यक नहीं हो सकता है कि आप क्या चाहते हैं। तो, name= का उपयोग अब और अधिक अनुकूल होने की संभावना है।

(मुझे एक्सएचटीएमएल की व्याख्या करने के लिए स्लिप डगलस के लिए धन्यवाद, और एचटीएमएल 5 साइड इफेक्ट को इंगित करने के लिए nailer - अधिक विस्तार के लिए टिप्पणियां और नाखून का answer । name= हर जगह काम करने लगता है, हालांकि इसे एक्सएचटीएमएल में बहिष्कृत किया गया है।)


नवीनतम मार्कडाउन का उपयोग करके, आपको निम्न वाक्यविन्यास का उपयोग करने में सक्षम होना चाहिए:

[](){:name='anchorName'}

यह निम्नलिखित HTML बनाना चाहिए:

<a name="anchorName"></a>

यदि आप एंकर को टेक्स्ट रखना चाहते थे, तो बस स्क्वायर ब्रैकेट के भीतर परीक्षण जोड़ें:

'कुछ पाठ {: name =' anchorName '}


मार्कडाउन एंकर हैशमार्क का समर्थन करता है, इसलिए पेज में एंकर का लिंक बस [Pookie](#pookie)

एंकर उत्पन्न करना वास्तव में ग्रबर मार्कडाउन में समर्थित नहीं है, लेकिन मार्कडाउन अतिरिक्त जैसे अन्य कार्यान्वयन में है।

मार्कडाउन अतिरिक्त में, एंकर आईडी को {#pookie} साथ हेडर या उपशीर्षक में जोड़ा जाता है।

गिट रिपोजिटरी पेजों में गिथब फ्लेवर मार्कडाउन (लेकिन गिस्ट में नहीं) स्वचालित रूप से सभी शीर्षकों (एच 1, एच 2, एच 3, इत्यादि) पर कई मार्कअप टैग के साथ एंकर उत्पन्न करता है , जिनमें निम्न शामिल हैं:

  • id="user-content-HEADERTEXT"
  • class="anchor"
  • href="#HEADERTEXT"
  • aria-hidden="true" (यह एक svg लिंक आइकन के लिए है जो माउसओवर पर प्रदर्शित होता है)

Aria / svg आइकन को छोड़कर, जब कोई लिखता है:

  • # Header Title

गिथब उत्पन्न करता है:

  • <h1><a id="user-content-header-title" class="anchor" href="#header-title">Header Title</a></h1>

इसलिए, किसी को हेडर लिंक बनाने के लिए कुछ भी करने की आवश्यकता नहीं है, और हमेशा उनसे लिंक कर सकते हैं:

  • [Header Title](#header-title) से लिंक करें [Header Title](#header-title)






cross-reference