কোনও লিঙ্কে এটিতে পাউন্ড "#" সাইন থাকলে তা কী হয়?


94

আমি কয়েকটি সাইট পরিদর্শন করেছি এবং তাদের url এ একটি পাউন্ড (#) সাইন রয়েছে। এটার কাজ কি?

 <a href="#" >Link name</a>

উত্তর:


106

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

যদি <a name="whatever"/>পৃষ্ঠার মধ্যে কোনও ট্যাগ না থাকে তবে ব্রাউজারটি কেবল পৃষ্ঠার শীর্ষের সাথে লিঙ্ক করবে। যদি খণ্ডটি খালি থাকে, তবে এটি কেবল পৃষ্ঠার শীর্ষে লিঙ্ক করবে।

কেবলমাত্র একটি খণ্ডের জন্য <a href="#">Link name</a>, তবে এটি বর্তমান পৃষ্ঠার শীর্ষের একটি লিঙ্ক to

আপনি প্রায়শই জাভাস্ক্রিপ্টের সাথে এই জাতীয় লিঙ্ক ব্যবহার করে দেখতে পান। মান মেনে চলার জন্য এইচটিএমএল একটি hrefবৈশিষ্ট্য প্রয়োজন , তবে আপনি যদি জাভাস্ক্রিপ্ট দিয়ে অনুরোধটি পরিচালনা করার পরিকল্পনা করছেন তবে "#" যুক্তিসঙ্গত স্থানধারক হিসাবে কাজ করবে।


4
+1 যদিও অফিশিয়াল টার্মটি ইউআরএল টুকরো, "হ্যাশ রেফারেন্স" নয়: w3.org/TR/WD-html40-970708/htmlweb.html#h-4.1.1
জেসন হল

হ্যাঁ, আমি আমার উত্তরে এটিকে "টুকরা টুকরা" হিসাবে পরিবর্তন করেছি, কারণ বেশিরভাগ লোকেরা এটি ব্যবহার করেন। যদিও এর কোনও "অফিসিয়াল" নাম ছিল তা আমি কখনই জানতাম না :)
ডিন হার্ডিং

4
ব্রাউজারগুলি কেন এটি 'পৃষ্ঠার শীর্ষে যান' হিসাবে বিবেচনা করে: প্রযুক্তিগতভাবে, আপনি পৃষ্ঠাটি পরিবর্তন করেছেন। লিঙ্কটি ক্লিক করার পরে, আপনি লক্ষ্য করবেন যে # টি আসলে ঠিকানা বারের URL এ যুক্ত হয়েছে এবং আপনি যদি পিছনের বোতামটি ক্লিক করেন তবে এটি আবার এটি সরিয়ে ফেলবে। আমি বলব না এটি কোনও নথির অংশের লিঙ্ক, নথির অভ্যন্তরে আরও লিঙ্ক। অন্যথায়, মূলত আমি একই জিনিসটি টাইপ
করছিলাম

# এর সাথে শেষ হওয়া একটি ইউআরআই জেনেরিক সিনট্যাক্স দ্বারা অনুমোদিত এবং এক ধরণের খালি খণ্ড হিসাবে বিবেচনা করা যেতে পারে। মাইম ডকুমেন্ট প্রকারের মধ্যে যেমন পাঠ্য / এইচটিএমএল বা কোনও এক্সএমএল টাইপ, এই শৃঙ্খলাবদ্ধভাবে আইনী কাঠামোর সাথে মেলে খালি শনাক্তকারীদের অনুমতি নেই। ওয়েব ব্রাউজারগুলি সাধারণত খালি খণ্ডের জন্য নথির শীর্ষস্থানীয় প্রদর্শন করে। - en.wikipedia.org/wiki/Fragment_identifier
IcyBrk

এছাড়াও দ্বারা "এমন কোন উপস্থাপনা অস্তিত্ব থাকে, তাহলে টুকরা এর শব্দার্থবিদ্যা অজানা বিবেচিত এবং কার্যকরভাবে সংকোচহীন হয়।" Rfc3986 থেকে ( tools.ietf.org/html/rfc3986#page-24 )
IcyBrk

23

... মাত্র কয়েকটি অতিরিক্ত দরকারী টিপস যুক্ত করতে।

আপনি document.location.hashজাভাস্ক্রিপ্ট এ এটি অ্যাক্সেস এবং পরিবর্তন করতে পারেন ।

এটি একটি নামকৃত অ্যাঙ্করকে (উদাহরণস্বরূপ <a name="top"></a>) বা সংশ্লিষ্ট আইডি (উদাহরণস্বরূপ <div id="top"></div>) সহ কোনও উপাদানকে নির্দেশ করতে পারে ।

নিজে থেকে একটি দেখতে (যেমন <a href="#" onclick="pop()">popup</a>) সাধারণত জাভাস্ক্রিপ্ট চালানোর জন্য একটি লিঙ্ক ব্যবহার করা হচ্ছে। এটা খারাপ অভ্যাস।

যে কোনও aউপাদানটির hrefএকটি বৈধ সংস্থানকে নির্দেশ করতে হবে। যদি কারও অস্তিত্ব না থাকে তবে অন্য উপাদান ব্যবহার করার বিষয়টি বিবেচনা করুন button


4
এটি সম্পর্কে একটি ভাল বিষয় বিশেষভাবে অনুশীলন নয় ... তবে এটি ভাল না হওয়ার অর্থ এই নয় যে আপনি এটি পুরো জায়গাতে ব্যবহার করতে পারবেন না :)
ডিন হার্ডিং

4
@ অ্যালেক্স, যদি এটি খারাপ অভ্যাস হয় তবে তার পরিবর্তে ভাল অনুশীলনটি কী ব্যবহার করা হবে তা আমাদের জানান।
রায়ান লুন্ডি

@ কেরলেসা ঠিক পরের অনুচ্ছেদে ঠিক এটি ছিল। যাইহোক, আমি একটি সম্পাদনা করেছি তাই আশা করি এটি আরও পরিষ্কার।
অ্যালেক্স

4
@ অ্যালেক্স, সম্ভবত লোকেরা বোতামগুলির পরিবর্তে লিঙ্কগুলি ব্যবহার করছে বলে একটি কারণ হ'ল তারা লিঙ্কগুলির চেহারা চান। কীভাবে কোনও লিঙ্কটির মতো দেখতে কোনও বোতামটি তৈরি করা যায় তা বর্ণনা করে কোনও পৃষ্ঠার লিঙ্ক সম্পর্কে কীভাবে? উদাহরণস্বরূপ, এইচটিএমএল বোতাম পরীক্ষা
রায়ান লুন্ডি

4
@ অ্যালেক্স, আর কোনও লিঙ্কে # ব্যবহার করা খারাপ অভ্যাস বলে বলেছে। সমস্ত ওপি জিজ্ঞাসা করেছে এটি কী করে।
রায়ান লুন্ডি

11

# অ্যাঙ্কারের একটি লিঙ্ক নির্দেশ করে।

আমি আরও কিছু উল্লেখ করতে চাই:

জাভাস্ক্রিপ্ট সক্রিয় করে এমন লিঙ্কটির জন্য '#' ব্যবহার করা খারাপ কারণ এটি পৃষ্ঠায় শীর্ষে স্ক্রোল করে - যা সম্ভবত আপনি চান তা নয়। পরিবর্তে, ব্যবহার করুন javascript:void(0)


+1 উল্লেখ করার জন্য যে এই লিঙ্কগুলিতে ক্লিক করা পৃষ্ঠায় শীর্ষে স্ক্রোল করতে বাধ্য করে।
ক্রিস কালো

4
আপনার আর অ্যাঙ্কারের দরকার নেই। এইচটিএমএল 5 (এবং সম্ভবত এইচটিএমএল 4) হিসাবে <id> ট্যাগযুক্ত কোনও উপাদান একটি খণ্ড শনাক্তকারী দ্বারা চিহ্নিত হতে পারে। এইচটিএমএল 5 ডক্স দেখুন: হোয়াটআর.জি.আর
বাসিল

4
javascript:void(0)হয় না ব্যবহার করুন - buttonএটি লিঙ্ক না হলে একটি ব্যবহার করুন।
অ্যালেক্স

11

পাউন্ড সাইন ( #) পৃষ্ঠায় একটি অ্যাঙ্কর সনাক্ত করতে ইঙ্গিত করে। উদাহরণস্বরূপ, যদি আপনি এটি পৃষ্ঠার কোথাও অন্তর্ভুক্ত করেন:

<a name="foo"></a>

বা, সম্প্রতি:

<div id="foo">*part of page*</div>

এবং তারপরে আপনি পৃষ্ঠাটির একটি লিঙ্কে ক্লিক করুন যাতে হ্রেফ রয়েছে #foo, এটি নাম বা divআইডি সহ অ্যাঙ্কারে নেভিগেট করবে foo

তবে আপনার যদি স্রেফ href থাকে তবে #এটি পৃষ্ঠার শীর্ষে যাবে।


2

এই পৃষ্ঠায় নিজেই ফিরে লিঙ্ক। এটি প্রায়শই লিঙ্কগুলির সাথে ব্যবহৃত হয় যা আসলে কিছু জাভাস্ক্রিপ্ট চালায়।

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