মার্কডাউন-তে, কোনও পৃষ্ঠার খণ্ডের সাথে সংযুক্ত করার সর্বোত্তম উপায়টি কী, অর্থাত্ #Some_id?


127

আমি মার্কডাউনের সাথে কীভাবে কোনও পৃষ্ঠার অন্য ক্ষেত্রটি উল্লেখ করতে চেষ্টা করব। আমি যদি যুক্ত করি তবে এটি কাজ করতে পারি

<div id="mylink" /> 

এবং লিঙ্কটি করার জন্য:

[My link](#mylink)

তবে আমার ধারণা হ'ল মার্কডাউনে ইন-পৃষ্ঠার লিঙ্কটি করার আরও কিছু উপায় আছে যা স্ট্রেট আপ divট্যাগ জড়িত না ।

কোন ধারনা?


আমি এখানে সর্বদা ঠিক সেভাবে করেছি।
জো মার্টিনেজ

1
<div/>বাকী পৃষ্ঠার জন্য ফর্ম্যাটরটি বিচলিত করতে পারে। ব্যবহার <a id="ident"/>। আমার উত্তর দেখুন।
স্টিভ পাওয়েল


পরিবর্তে মাল্টিমার্কডাউন ব্যবহার বিবেচনা করুন। এটি এটি করতে [anchor][]সিনট্যাক্স সরবরাহ করে । github.com/fletcher/ মাল্টিমার্কডাউন
উইকি

উত্তর:


165

এই উত্তর দেখুন ।

সংক্ষেপে একটি গন্তব্য সঙ্গে

<a name="sometext"></a>

আপনার মার্কডাউন মার্কআপের যে কোনও জায়গায় sertedোকানো হয়েছে (উদাহরণস্বরূপ একটি শিরোনামে:

## heading<a name="headin"></a>

এবং মার্কডাউন লিঙ্কেজ ব্যবহার করে এটিতে লিঙ্ক করুন:

[This is the link text](#headin)

অথবা

[some text](#sometext)

ব্যবহার করবেন না <div>- এটি অনেক রেন্ডারারের জন্য লেআউটটিকে বিশৃঙ্খলা করবে।

(আমি পরিবর্তিত হয়েছে id=থেকে name=উপরে। দেখুন এই উত্তর ক্লান্তিকর ব্যাখ্যা জন্য।)


7
+1, ধন্যবাদ দুঃখের বিষয় এটি স্বয়ংক্রিয়ভাবে এটি করে না। খুব ভিজে আইএমএইচও।
মার্ক-আন্দ্রে লাফোর্টুন

আপনি যখন এটি কোনও পাঠ্য সম্পাদককে পড়তে হয় তখন এটি কুশ্রী, তবে এটি কার্যকর হয় । নিশ্চিত কেন এটি গ্রহণযোগ্য উত্তর নয়।
kayleeFrye_onDeck

পুরানো স্টাইলের অ্যাঙ্করগুলি সংজ্ঞায়িত <a name="..." />করা অপ্রচলিত তবে পরবর্তীকালে এইচটিএমএল স্পেসিফিকেশন অনুসারে । যদি <div>কোনও বিঘ্নিত ব্লক হিসাবে রেন্ডার করা হতে পারে (অজ্ঞাত কারণে সিএসএস একটি আকার দিচ্ছে) সম্ভবত <span>(কোনও ইনলাইন উপাদান) কৌতুকটি করতে পারে?
জাভিয়ের

25

আমি মনে করি এটি আপনার মার্কডাউন থেকে এইচটিএমএল তৈরি করতে আপনি কী ব্যবহার করছেন তার উপর নির্ভর করে। আমি লক্ষ্য করেছি, যে জেকিল (এটি ডিফল্টরূপে জিহুব.ইও পৃষ্ঠাগুলি দ্বারা ব্যবহৃত হয়) এটি উত্পন্ন এইচটিএমএলে শিরোনামে স্বয়ংক্রিয়ভাবে id = "" বৈশিষ্ট্য যুক্ত করে।

উদাহরণস্বরূপ আপনি যদি মার্কডাউন হয়

My header
---------

ফলাফল এইচটিএমএল দেখতে হবে:

<h2 id="my-header">My header</h2>

সুতরাং আপনি কেবল এটির সাথে লিঙ্ক করতে পারেন [My link](#my-header)


এটি সেরা এবং পরিষ্কার উত্তর। মার্কডাউন সত্যিই দুর্দান্ত। এটি সত্যই দ্রুত ব্লগিং করতে সহায়তা করে। ^ _ ^
অশোক এম

16

মার্কডাউন এর পিএইচপি সংস্করণ দিয়ে , আপনি এখানে নথিবদ্ধ হিসাবে নীচের নীচের যে কোনও একটি সিনট্যাক্স ব্যবহার করে পৃষ্ঠার ভিতরে খণ্ড শনাক্তকারীগুলিকে শিরোনামগুলি লিঙ্ক করতে পারেন here

Header 1            {#header1}
========

## Header 2 ##      {#header2}

এবং তারপর

[Link back to header 1](#header1)
[Link back to header 2](#header2)

দুর্ভাগ্যক্রমে এই বাক্য গঠনটি কেবলমাত্র শিরোলেখের জন্য সমর্থিত, তবে কমপক্ষে এটি সামগ্রীর একটি সারণী তৈরির জন্য কার্যকর হতে পারে।


3

এইচটিএমএল পৃষ্ঠায় একটি লিঙ্কের জন্য গন্তব্য অ্যাঙ্কর কোনও idবৈশিষ্ট্যযুক্ত কোনও উপাদান হতে পারে । ডাব্লু 3 সি সাইটে লিঙ্কগুলি দেখুন । এখানে প্রাসঙ্গিক বিভাগের একটি উদ্ধৃতি:

এইচটিএমএল ডকুমেন্টগুলিতে গন্তব্য অ্যাঙ্করগুলি হয় কোনও উপাদান দ্বারা (নামটির সাথে নামকরণ করে) বা অন্য কোনও উপাদান (আইডি বৈশিষ্ট্যের সাথে নামকরণ) দ্বারা নির্দিষ্ট করা যেতে পারে।

মার্কডাউন HTML কে HTML হিসাবে বিবেচনা করে ( ইনলাইন এইচটিএমএল দেখুন ), যাতে আপনি আপনার পছন্দসই উপাদান থেকে আপনার খণ্ড সনাক্তকারী তৈরি করতে পারেন। উদাহরণস্বরূপ, আপনি যদি অনুচ্ছেদে লিঙ্ক করতে চান, অনুচ্ছেদে কেবল অনুচ্ছেদে একটি অনুচ্ছেদে ট্যাগটি আবদ্ধ করুন এবং একটি আইডি অন্তর্ভুক্ত করুন:

<p id="mylink">Lorem ipsum dolor sit amet...</p>

তারপরে [My link](#mylink)টুকরো অ্যাঙ্কারের লিঙ্ক তৈরি করতে আপনার মানক মার্কডাউন ব্যবহার করুন । এটি আপনার এইচটিএমএলকে পরিষ্কার রাখতে সহায়তা করবে, কারণ অতিরিক্ত মার্কআপের প্রয়োজন নেই।


আমার অভিজ্ঞতায় <p>মার্কডাউনতে ট্যাগটি ব্যবহার করে একটি নিয়মিত অনুচ্ছেদে সিএসএস ফেলা যায়। আমি সাবধানতার সাথে ব্যবহারটি বলতে চাই, আমি মার্কডাউনে নতুন তবে এতে কিছুটা বাজে কথা রয়েছে।
2rs2ts

@ user691859 "মার্কডাউন-এ <p>ট্যাগ ব্যবহার করে আপনি নিয়মিত অনুচ্ছেদের সিএসএস কে ছাঁটাই করতে পারবেন " এর অর্থ কী তা আমি নিশ্চিত নই । মার্কডাউন অনুচ্ছেদগুলিকে <p>ট্যাগগুলিতে আবৃত করে এবং ইতিমধ্যে যেগুলি <p>ট্যাগ রয়েছে তাদের এড়িয়ে যায় । এটি CSS এ কীভাবে প্রভাব ফেলবে তা আমি দেখতে পাচ্ছি না ...
মাইকে

আচরণটি আমার পক্ষে ভুল। টাম্বলারে, <p> ব্যবহার করে আমি নির্দিষ্ট করা আচরণের পাশাপাশি সমস্ত আচরণ (সর্বদা নয়) কেড়ে নিতে পারি। আমি জানিনা কেন. <বিভাজন> সবসময় একই কাজ করে।
2rs2ts

3

যে কারও জন্য ভিজ্যুয়াল স্টুডিও টিম ফাউন্ডেশন সার্ভার (টিএফএস) 2015 ব্যবহার করুন এটি অন্তত শিরোনামে এমবেড করা <a>বা <div>উপাদান পছন্দ করে না । এটি হেডারগুলিতে ইমোজি পছন্দ করে না:

### 🔧 Configuration 🔧

Lorem ipsum problem fixem.

এতে অনুবাদ করা হয়:

<h3 id="-configuration-">🔧 Configuration 🔧</h3>
<p>Lorem ipsum problem fixem.</p>

এবং সুতরাং লিঙ্কগুলি হয় তা ব্যবহার করা উচিত id(যা ভিজ্যুয়াল স্টুডিওতে এটি এবং অন্যান্য পূর্বরূপ এক্সটেনশনগুলি ভেঙে ফেলে ) বা ইমোজি সরিয়ে ফেলতে হবে:

Here's [how to setup](#-configuration-) //🔧 Configuration 🔧
Here's [how to setup](#configuration) //Configuration

যেখানে পরবর্তী সংস্করণ টিএফএস এবং ভিজ্যুয়াল স্টুডিওর মার্কডাউন প্রিভিউতে অনলাইনে কাজ করে ।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.