আমি কীভাবে কোনও পৃষ্ঠার অংশের সাথে লিঙ্ক করব? (হ্যাশ?)

Question

আপনি কীভাবে লিঙ্ক করবেন (এর সাথে <a>) যাতে ব্রাউজার শীর্ষ পৃষ্ঠার বিপরীতে লক্ষ্য পৃষ্ঠায় নির্দিষ্ট সাবহেডিংয়ে যায়?

Answer 1

যদি <a name="foo">কোনও id(যেমন, <div id="foo">) সহ কোনও ট্যাগ বা কোনও ট্যাগ থাকে তবে আপনি কেবল #fooURL- এ সংযোজন করতে পারেন । অন্যথায়, আপনি ইচ্ছামত কোনও পৃষ্ঠার অংশগুলিতে লিঙ্ক করতে পারবেন না।

এখানে একটি সম্পূর্ণ উদাহরণ: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

একই পৃষ্ঠায় লিঙ্ক লিঙ্ক উদাহরণ: <a href="#foo">Jump to #foo on same page</a>

Comments

কেবলমাত্র একটি দ্রষ্টব্য: এইচটিএমএল 5-এ- nameউপাদানগুলির জন্য <a>আর কোনও অংশীদারি নেই: উপাদানটির নাম বৈশিষ্ট্যটি অপ্রচলিত। পরিবর্তে নিকটস্থ পাত্রে একটি আইডি বৈশিষ্ট্য রাখার বিষয়টি বিবেচনা করুন।

— সন্নিবেশকারী নাম 20

সুতরাং আপনি কি সম্পূর্ণ উদাহরণ বা একই পৃষ্ঠার উদাহরণ ব্যবহার করেন? পুরো উদাহরণটি কি একই জিনিস নয়?

— একান্টওয়ার্ড

যদি আমাদের মতো ইউআরএল সহ একটি প্রশস্ত পৃষ্ঠা থাকে: domain.com/#home?page=1href এ কোনও আইডি কীভাবে ব্যবহার করবেন?

— ইরজ জেলোডারী

@ সিরাজজেলোদারী আপনি শেষ পর্যন্ত domain.com/?page=1#home

— হ্যাশটি রেখেছিলেন

আমি URL- এ 2 হ্যাশট্যাগ ব্যবহার করতে ছিল: example.com/#RouteName?page=1#ID। একটি রাউটিংয়ের জন্য এবং একটি বর্তমান পৃষ্ঠার অভ্যন্তরে নেভিগেশনের জন্য। রুট হ্যাশট্যাগগুলি অপসারণের জন্য অবশেষে আমি এইচটিএমএল 5 মোড ইউআরএল ব্যবহার করেছি;) @ টমসমেডিং

— ইরজ জেলোডারি

Answer 2

আপনি একটি অ্যাঙ্কর এবং একটি হ্যাশ ব্যবহার করুন। উদাহরণ স্বরূপ:

লিঙ্কের লক্ষ্য:

 <a name="name_of_target">Content</a>

লক্ষ্যটির লিঙ্ক:

 <a href="#name_of_target">Link Text</a>

বা, যদি কোনও অন্য পৃষ্ঠা থেকে লিঙ্ক করা থাকে:

 <a href="http://path/to/page/#name_of_target">Link Text</a>

Comments

ব্রাউজারটি আইডি সহ যে কোনও উপাদানটিতে ঝাঁপিয়ে পড়বে name_of_target। <a>লক্ষ্য হিসাবে আপনার কোনও ট্যাগ ব্যবহার করার দরকার নেই । সুতরাং অন্য লক্ষ্য হতে পারে <h3 id='name_of_target'>Content</h3>।

— সিরিল 21

নোট করুন এটি এখন HTML5 এ অপ্রচলিত।

— টিম

Answer 3

ইউআরএলটিতে একটি উপাদানের আইডি সহ একটি হ্যাশ যুক্ত করুন। যেমন

<div id="about"></div>

এবং

http://mysite.com/#about

সুতরাং লিঙ্কটি দেখতে হবে:

<a href="http://mysite.com/#about">About</a>

বা শুধু

<a href="#about">About</a>

Answer 4

এটি এখানে:

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

Comments

তুমি কি? আপনি </a>একটি খোলার পরে একটি সমাপনী পেয়েছেন <div ...>- আপনি এখানে কি করতে চাইছেন তা নিশ্চিত নয় not

— ডমিনিক রজার

আমি আমার লিংকের লাইনটি অনুলিপি করেছি এবং নীচে আটকানো এবং ডিভিটি বন্ধ করতে ভুলে গেছি। যাইহোক, ধন্যবাদ.

— সরফরাজ

Answer 5

আপনার দুটি বিকল্প রয়েছে:

আপনি নীচে নীচে আপনার নথিতে একটি অ্যাঙ্কর রাখতে পারেন:

<a name="ref"></a>

অন্যথায় আপনি কোনও এইচটিএমএল উপাদানকে একটি আইডি দেন:

<h1 id="ref">Heading</h1>

তারপরে #refকাঙ্ক্ষিত রেফারেন্সে ঝাঁপিয়ে পড়ার জন্য আপনার লিঙ্কের URL এ হ্যাশটি কেবল যুক্ত করুন । উদাহরণ:

<a href="document.html#ref">Jump to ref in document.html</a>

Answer 6

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

#:~:text=<Text To Link to>

এর উপর কার্যকারী উদাহরণ Chrome Version 81.0.4044.138:

এই লিঙ্কটিতে ক্লিক করুন পৃষ্ঠাটি পুনরায় লোড করা উচিত এবং লিঙ্কটির পাঠ্যটি হাইলাইট করা উচিত