আমার কি 'নাম' বা 'আইডি' দিয়ে এইচটিএমএল অ্যাঙ্কারগুলি করা উচিত?


782

যখন কেউ " http://example.com/#foo" পদ্ধতির সাহায্যে কোনও ওয়েবপৃষ্ঠার কিছু অংশ উল্লেখ করতে চায় , একটির ব্যবহার করা উচিত

<h1><a name="foo"/>Foo Title</h1>

অথবা

<h1 id="foo">Foo Title</h1>

তারা উভয়ই কাজ করে তবে তারা কি সমান, না তাদের মধ্যে অর্থগত পার্থক্য রয়েছে?


2
লিঙ্কটি আসলে হওয়া উচিত http://example.com#foo(সুতরাং # আগে / আগে)
ডানা

71
প্রকৃতপক্ষে, http://example.com#fooএবং http://example.com/#fooইউআরআইতে আরএফসিগুলির মধ্যে একটিতে সংজ্ঞায়িত সমতুল্য।
অলিভার

উত্তর:


616

এইচটিএমএল 5 স্পেসিফিকেশন অনুসারে, 5.9.8 একটি খণ্ড সনাক্তকারীতে নেভিগেট করছে :

এইচটিএমএল নথিগুলির জন্য (এবং পাঠ্য / এইচটিএমএল এমএমআইএম টাইপ) নথির নির্দেশিত অংশটি কী তা নির্ধারণ করতে নিম্নলিখিত প্রক্রিয়াজাতকরণ মডেলটি অনুসরণ করা আবশ্যক।

  1. ইউআরএলকে বিশ্লেষণ করুন এবং URL এর <ফ্রেম> উপাদানটি ভঙ্গুর হতে দিন।
  2. যদি খালি খালি স্ট্রিং হয় তবে নথির নির্দেশিত অংশটি নথির শীর্ষে রয়েছে।
  3. যদি ডিওমে কোনও উপাদান থাকে যার আইডি ভঙ্গুর ঠিক সমান হয়, তবে গাছের ক্রমে এই জাতীয় উপাদানটি নথির নির্দেশিত অংশ; এখানে অ্যালগরিদম বন্ধ করুন।
  4. ডিওমে যদি এমন কোনও উপাদান থাকে যার একটি নাম বিশিষ্ট বৈশিষ্ট্য থাকে যার মানটি ভঙ্গুর সাথে ঠিক সমান হয়, তবে গাছের ক্রমে এই জাতীয় প্রথম উপাদানটি নথির নির্দেশিত অংশ; এখানে অ্যালগরিদম বন্ধ করুন।
  5. অন্যথায়, নথির কোনও নির্দেশিত অংশ নেই।

সুতরাং, এটি সন্ধান id="foo"করবে এবং তারপরে অনুসরণ করবেname="foo"

সম্পাদনা: @ হ্যাসিভোনেন দ্বারা চিহ্নিত হিসাবে, এইচটিএমএল 5 এ aউপাদানটির কোনও নাম গুণ নেই। তবে উপরোক্ত নিয়মগুলি এখনও নামযুক্ত অন্যান্য উপাদানগুলির জন্য প্রযোজ্য।


76
সেই অ্যালগরিদম এবং বৈধতার মধ্যে কোনও নিবিড় সম্পর্ক নেই। <a name> বর্তমানে খসড়া হিসাবে HTML5 এ অবৈধ invalid
hsivonen

13
প্রকৃতপক্ষে এটি অন্যান্য "নামযুক্ত উপাদানগুলির" জন্য প্রযোজ্য নয়। নামের বৈশিষ্ট্যগুলি কেবলমাত্র <a name> এ প্রযোজ্য। তবে সেই বৈশিষ্ট্যটি লেখকরা ব্যবহার করতে পারেন না। এটি কেবল পুরানো এইচটিএমএল পৃষ্ঠাগুলির জন্য ব্যবহারকারী এজেন্টদের দ্বারা সম্মানিত হতে হবে।
অ্যান

19
@ রাফায়েলসওরেস <h1 id="foo">Foo Title</h1>আইই in তেও কাজ করে এবং এইচটিএমএল
1.০১

4
এটি নাম = "ফু" নয় তবে <a name="foo"> এর জন্য খুঁজবে। লিঙ্কটি
ড্যানিয়েল হার্জোগ

3
একটি name="foo"এবং একটি id="foo"(পেজের অভ্যন্তরে স্বতন্ত্রভাবে তাদের আদেশের) সহ একটি এইচটিএমএল 5 নথিতে , ক্রোম এবং ফায়ারফক্সগুলি লাফিয়ে যাবে id, তবে আইই (11 তে পরীক্ষা করা হয়েছে) এবং এজটি লাফিয়ে যাবেname
আলভারো মন্টোরো

182

আপনাকে <h1><a name="foo"/>Foo Title</h1>এইচটিএমএল হিসাবে দেওয়া কোনও স্বাদে ব্যবহার করা উচিত নয় text/html, কারণ এক্সএমএল খালি উপাদান সিনট্যাক্সটি সমর্থিত নয় text/html। তবে <h1><a name="foo">Foo Title</a></h1>এইচটিএমএল 4 এ ঠিক আছে। এটি বর্তমানে খসড়া হিসাবে HTML5 তে বৈধ নয় valid

<h1 id="foo">Foo Title</h1>এইচটিএমএল 4 এবং এইচটিএমএল 5 উভয়ই ঠিক আছে। এটি নেটস্কেপ 4 এ কাজ করবে না, তবে আপনি সম্ভবত এক ডজন অন্যান্য বৈশিষ্ট্য ব্যবহার করবেন যা নেটস্কেপ 4 এ কাজ করে না।


6
ব্রাউজার সমর্থন সম্পর্কে কথা বলার জন্য +1। এনএস 4 কি একমাত্র ইউআরএল সমর্থন করছে না # আইডি => এলিমেন্ট.আইডি?
হাশব্রাউন

14
@ হ্যাশব্রাউন একটি উত্তর খুঁজে পেল না, তাই আমি কিছু পরীক্ষা করেছি। আমি দেখতে পেয়েছি যে এমনকি খুব পুরানো ব্রাউজারগুলি ইউএসএল টুকরা এবং সিএসএস নির্বাচকের সামঞ্জস্যতার ক্ষেত্রে অ্যাঙ্করগুলির idমতো আচরণ করে । পরীক্ষিত: ক্রোম 6, ফায়ারফক্স 1.5, আই 6, অপেরা 8.02, সাফারি 3.1.2, নেটস্কেপ 7.2, লিংক্স 2.24, এবং মোবাইল ব্রাউজারগুলি: অ্যান্ড্রয়েড 2.2, ক্রোম 26, ডলফিন 9.3, ফায়ারফক্স 19, আই 10, সাফারি 4, এবং অপেরা মিনি 5.1। name:target
স্টিফেন এম হ্যারিস 19

1
@ সিমহমিক, আমি একটি পেয়েছি। অফ-বাই-ওয়ান ওয়েব ব্রাউজার <a name="foo"/> এর মাধ্যমে সংজ্ঞায়িত অ্যাঙ্কারগুলিকে স্বীকৃতি দেয় তবে 8 বছর আগে << কিছুটা আইডি = "ফু"> ওবি 1 সর্বশেষ আপডেট হয়েছিল> via এর লেখক গর্বিত করেছেন যে এটি "বিশ্বের এইচটিএমএল 3.2 সমর্থন সহ বিশ্বের সবচেয়ে ছোট এবং দ্রুত ওয়েব ব্রাউজার হতে পারে।" এটি এক্সপি এর মাধ্যমে উইন 95 এর পক্ষে সমর্থন দাবি করে তবে এটি ডাব্লু / 64-বিট উইন 7 এর পক্ষে কাজ করে। তাহলে, কেন এমন ডাইনোসর আছে? পরীক্ষার জন্য অবশ্যই, নিশ্চিত করতে যে আমার সাইটগুলি খুব খারাপভাবে ডাব্লু / সত্যিকারের অ্যান্টিক ব্রাউজারগুলি না ভঙ্গ করে। এছাড়াও, আমি ফ্ল্যাশ ড্রাইভে ওবি 1ও বহন করি। এটি ক্ষুদ্র, স্ব-অন্তর্ভুক্ত এবং সংক্রমণ থেকে প্রতিরোধক।
ডেভ বার্টন

26
2016 এ এটি পড়ার মতো হবে .. নেটস্কেপ 4?
এডিটিসি

1
`<a name="something" id="something> </a> [স্ক্রোল করার মূল উপাদান] ব্যবহার করা সম্ভবত সেরা কারণ এটি সামঞ্জস্যপূর্ণ, এবং উপাদানটিতে যা আছে তাতে স্ক্রোল করা স্টাইল করে না
জাস্টিনসিবি

52

আমার যদি বলতে হয় যে আপনি যদি সেই পৃষ্ঠাতে সেই অঞ্চলের সাথে সংযোগ স্থাপন করতে চলেছেন ... যেমন page.html # foo এবং ফু শিরোনাম কোনও লিঙ্ক নয় যা আপনার ব্যবহার করা উচিত:

<h1 id="foo">Foo Title</h1>

পরিবর্তে আপনি যদি তার <a>চারপাশে কোনও রেফারেন্স রাখেন তবে আপনার শিরোনামটি <a>আপনার সাইটের মধ্যে একটি নির্দিষ্ট সিএসএস দ্বারা প্রভাবিত হবে । এটি কেবল অতিরিক্ত মার্কআপ, এবং আপনার এটির দরকার নেই। আমি শিরোনামে একটি আইডি রাখার সুপারিশ করব, কেবল এটিই আরও ভাল গঠন করা হবে না, তবে এটি আপনাকে জাভাস্ক্রিপ্ট বা সিএসএসে object বস্তুটি সম্বোধনের অনুমতি দেবে।


কেবল তা-ই নয় তবে আমি একটি অদ্ভুত ত্রুটির সাথে লড়াই করে যাচ্ছি যেখানে প্রদর্শন: আইই তে কোনও জিনিসই প্রদর্শিত হচ্ছে না। আক্রমণাত্মক বিন্দুর কোনও ধারণা না থাকাতে আমি এটিকে একটি বৈধকারীর কাছে ফেলে দিয়েছিলাম যা <a name="foo"> এন্ট্রিগুলিকে পতাকাঙ্কিত করে তাই আমি সেগুলি পরিবর্তন করেছি - এবং এখন প্রদর্শন: কোনওটিই ঠিকঠাক কাজ করছে না।
লরেন পেচটেল

এটি যথেষ্ট পরিমাণে বেশি, এফেক্টের খাতিরে কোনও অ্যাঙ্কর ট্যাগের প্রয়োজন নেই।
ওয়ালেস সিদ্ধ্রি

27

উইকিপিডিয়া এই বৈশিষ্ট্যটির ভারী ব্যবহার এইভাবে করে:

<a href="#History">[...]</a>
<span class="mw-headline" id="History">History</span>

এবং উইকিপিডিয়া সবার জন্য কাজ করছে, তাই আমি এই ফর্মটি দিয়ে নিরাপদ বোধ করব।

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

নামযুক্ত অ্যাঙ্কারস - আমার ভোটটি এড়াতে হবে:

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

1
4 এর 3 টি বুলেট সম্পাদনা করার পরামর্শ দিন: আপনি যদি স্টাইল করেন তবে a {color:red}এটি আপনার <a href> লিঙ্ক এবং আপনার <a name> টুকরা উভয়কে রঙ করবে। আপনি সিউডো ক্লাস a:link {color:red]}বা বৈশিষ্ট্য নির্বাচকগুলির সাথে এটি পেতে পারেনa:not([href]) {color:red;}
বব স্টেইন

আপনি ঠিক বলেছেন, তবে আমার পক্ষে বুলেট 3 ঠিক এটি বলেছে। আমার
ইংলিশ

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

আপনার মন্তব্যগুলি পড়তে ভাল লাগছে @ জোল্টনমোরভাই। "ডাবল পাগল" এবং "নেটস্কেপ 4" ডাবলপ্লাসড।
র‌্যান্ডি এল

1
একই নেমস্পেসের সাথে দুটি অ্যাট্রিবিউট পাগল - সত্য নয়। ব্যবহারকারী-উত্পাদিত সামগ্রীটি করার সময়, <a name="heading1"></a> ... document.html#heading1আইডি সেট না করে কোনও খণ্ডের লিঙ্ক হিসাবে কিছু নির্দিষ্ট করতে সক্ষম হওয়া খুব দরকারী , কারণ আইডিটি পৃষ্ঠায় অন্য আইডির সাথে সংঘর্ষ হতে পারে। এটি লজ্জাজনক বিষয় যে তারা nameএইচটিএমএল 5 তে এই বৈশিষ্ট্যটি রাখেনি ।
জেজ

14
<h1 id="foo">Foo Title</h1>

ব্যবহার করা উচিত কি। আপনি কোনও লিঙ্ক না চাইলে অ্যাঙ্কর ব্যবহার করবেন না।


টিম নাইটের উত্তরের জন্য অনুরূপ, এর উত্তরটির অর্ধ বছর আগে পোস্ট করা হয়েছিল। -1
লুক

13

জাভাস্ক্রিপ্ট ব্যবহারকারীদের জন্য শীর্ষস্থানীয় : সমস্ত আইডি উইন্ডোটির নীচে বৈশ্বিক পরিবর্তনশীল হয়ে ওঠে

<h1 id="foo">Foo Title</h1>

সবে জেএস গ্লোবাল তৈরি করেছে:

window.foo

এর মান window.fooহতে হবে HTMLElementজন্য h1

idবৈশিষ্ট্যগুলিতে ব্যবহৃত সমস্ত মান নিরাপদ হিসাবে আপনি গ্যারান্টি দিতে না পারলে আপনি এটিকে আঁকতে পছন্দ করতে পারেন name:

<h1 name="foo">Foo Title</h1>

12
সুসংবাদটি হ'ল আপনি সংজ্ঞায়িত ফাংশনগুলিকে ওভাররাইট করতে পারবেন না window। উদাহরণস্বরূপ, <div id="open"></div>ফাংশনটি ওভাররাইট করবে না window.open
ফ্লিম

8

এর কোন অর্থগত পার্থক্য নেই; মানগুলির প্রবণতাটি idবরং ব্যবহারের দিকে name। যাইহোক, কিছু পার্থক্য রয়েছে যা nameকিছু ক্ষেত্রে একজনকে পছন্দ করতে পারে । এইচটিএমএল 4.01 স্পেসিফিকেশন নিম্নলিখিত ইঙ্গিতগুলি প্রস্তাব :

ব্যবহার করবেন idনাকি name? অ্যাঙ্কর নাম ব্যবহার করবেন idবা ব্যবহার করবেন কিনা তা সিদ্ধান্ত নেওয়ার সময় লেখকদের নিম্নলিখিত বিষয়গুলি বিবেচনা করা উচিত name:

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

14
পরিষ্কার হওয়ার জন্য, যখন তারা "পুরানো ব্যবহারকারী এজেন্ট" বলে থাকে তখন তাদের অর্থ সত্যই পুরানো ব্যবহারকারী এজেন্ট। আমি এটা নিয়ে চিন্তা করব না।
এলি

1
এইচটিএমএল 5 "ধনী" আইডিগুলিকেও অনুমতি দেয়। আইডি-অ্যাঙ্কারেড টুকরোগুলি পরিচালনা করতে পারে না এমন 0.1% এর চেয়ে বড় শেয়ারের সাথে ব্রাউজারের সংস্করণ সংখ্যার কি কারও রয়েছে? - বা ডাইনোসর নেটস্কেপ 4.7 আসলে সবচেয়ে বেশি ছড়িয়ে পড়ে?
রবার্ট সিমার

7
এফডাব্লুআইডাব্লু, আমি idআইওএস 5 এর জন্য সাফারিতে কাজ করতে অ্যাঙ্কর পেতে পারি না , সুতরাং এটি কেবল ব্রাউজারগুলি নয় যে '09-এ ইতিমধ্যে "সত্যই পুরানো" ছিল। আমি যোগ করতে ছিল nameগুলি iPad এ সঠিকভাবে কাজ করার জন্য আমার সাইট জন্য। এটি এখনই ঠিক হয়ে গেছে, চেক করার জন্য আমি কোনও আইওএস 6 ডিভাইসের মালিক নই।
ড্যানিয়েল সানার

@ ড্যানিয়েলসানার সত্যিই? সুতরাং en.wikedia.org/wiki/IPad# অ্যাপ্লিকেশনগুলি আপনার আইপ্যাডে কাজ করে না?
এপ্রিলিয়ন

1
@ ড্যানিয়েলসানার আমি মোবাইল সাফারি 5.02 এবং 5.1 এবং অ্যান্ড্রয়েড ব্রাউজার 2.2 এবং 2.3 পরীক্ষা করতে সিমুলেটর ব্যবহার করেছি এবং idঅ্যাঙ্করগুলি সর্বজনীনভাবে কাজ করছে বলে মনে হচ্ছে। যদি এই সাধারণ উদাহরণটি আপনার মোবাইলে কাজ না করে, আমি ডিভাইসটির অ্যাক্সেসিবিলিটি সেটিংস পরীক্ষা করব। (@ ডেথ এপ্রিল উইকিপিডিয়া মোবাইল সাইটে জাভাস্ক্রিপ্ট রয়েছে যা কার্যকরভাবে ইউআরএল টুকরোটিকে উপেক্ষা করে।)
স্টিফেন এম হারিস

8

আইডি পদ্ধতিটি পুরানো ব্রাউজারগুলিতে কাজ করবে না, অ্যাঙ্কর নাম পদ্ধতিটি নতুন এইচটিএমএল সংস্করণে অবচয় করা হবে ... আমি আইডি সহ যাব।


2
এই দাবিগুলির জন্য আপনার কি কোনও উত্স আছে? আমাকে ভুল করবেন না; আমি শুধু সাধারণ আগ্রহী।
হেনরিক পল

11
এটি "পুরানো ব্রাউজারগুলিতে কাজ করবে না" তে কোনও আলোকপাত করে না। - নেটস্কেপ 4 বাদে এগুলি কোন ব্রাউজারগুলি ??
রবার্ট সিমার

3
আমি আইডিটি ডিভিতে ব্যবহার করার চেষ্টা করেছি, এবং এটি আইই 7.. তেও কাজ করে IE যদিও আইই 6 তে পরীক্ষা করতে পারেনি .. তবে আজকাল আইই 6 কে ব্যবহার করে ...
গিলি

নির্দিষ্ট কিছু ক্ষেত্রে ডেড এপ্রিল (হ্যাশলআউটের উপর নির্ভরশীল) এটি বগি।
Knu

@ রবার্টসিমার প্রায় সর্বজনীনভাবে কাজ করে - এই উত্তরের নিচে আমার মন্তব্য দেখুন ।
স্টিফেন এম হারিস

3

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

<div id="[serial number]" class="topic_wrapper">

2

মার্কআপ সম্পর্কে কেবল একটি পর্যবেক্ষণ HTML এর পূর্ববর্তী সংস্করণগুলিতে মার্কআপ ফর্মটি একটি অ্যাঙ্কর পয়েন্ট সরবরাহ করেছিল। আইডি অ্যাট্রিবিউটটি ব্যবহার করে এইচটিএমএল 5-এ মার্কআপ ফর্মগুলি, বেশিরভাগ সমতুল্য হলেও সনাক্তকরণের জন্য একটি উপাদান প্রয়োজন, প্রায় সবগুলিই সাধারণত সামগ্রী অন্তর্ভুক্ত বলে আশা করা হয়।

উদাহরণস্বরূপ, একটি খালি স্প্যান বা ডিভ ব্যবহার করা যেতে পারে তবে এই ব্যবহারটি হ্রাস ও গন্ধকে দেখায়।

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


এটা একটা ভাল দিক. আরও তথ্য wbr: w3.org/TR/html-markup/wbr.html এর<wbr id="foo" /> পরিবর্তে ব্যবহার করুন<a name="foo"></a>
লূক

1

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

প্রথমটি, অন্যদিকে, ডকুমেন্টের মধ্যে একটি বুকমার্কের অনুরূপ একটি অবস্থান নির্ধারণ করে। একটি "অ্যাঙ্কর" এর সাথে সংযুক্ত, এটি সঠিক ধারণা দেয় makes


1

এইচটিএমএল 5-এ, id=""বৈশিষ্ট্যটি কোনও উপাদানটির জন্য একটি অনন্য সনাক্তকারীকে সংজ্ঞায়িত করে, যা খণ্ডের লিঙ্কের জন্য অ্যাঙ্করও। পূর্ববর্তী এইচটিএমএল মানগুলিতে, উপাদানটির name=""বৈশিষ্ট্য <a>একটি খণ্ড লিঙ্কের জন্য একটি অ্যাঙ্করকে সংজ্ঞায়িত করে। আমি এর মতো কিছু প্রস্তাব করছি:
<a name="foo" id="foo"></a><h1>Foo Title</h1>
কারণ এর জন্য সমর্থনid="" অ্যাট্রিবিউটটির কিছুটা দোষযুক্ত (যদিও সমস্ত বড় ব্রাউজারের সর্বশেষ প্রকাশনা এটি সমর্থন করে, যে রিলিজগুলি কয়েক বছরের বেশি পুরানো নয় [এবং কোনও কিছু না ভাঙ্গাই ভাল best যদি কোনও ভাল কারণ না থাকে])। এটি সামঞ্জস্যপূর্ণ, এবং লিঙ্ক'একটি উপাদানটিতে যা আছে তা স্টাইল করে না, কারণ সমাপনের জন্য </a> এখনও উপাদানটির বাইরে রয়েছে, তবে এটি এখনও সমস্ত বর্তমান মানদণ্ডে বৈধ।

নিশ্চিত হয়ে নিন যে উপাদানটির বৈশিষ্ট্যগুলি name=""এবং id=""বৈশিষ্ট্যগুলি <a>একই।


2
এইচটিএমএল ব্যবহার করে এমন সমস্ত কিছুই ব্রাউজার নয়। আমি একটি জাভা গ্রন্থাগার ব্যবহার করছি যা এইচটিএমএল ব্যবহার করে উইন্ডোতে তথ্য প্রদর্শন করে। এটি একমাত্র পদ্ধতি যা কাজ করেছিল। এটি nameএকটি অ্যাঙ্কর ট্যাগের বৈশিষ্ট্য যা প্রয়োজনীয় ছিল; একটি hNবা উপর spanকাজ করে না বৈশিষ্ট্য স্থাপন ।
মঙ্গলবার

0

পুরানো ব্রাউজারগুলির জন্য নাম বৈশিষ্ট্য এবং নতুন ব্রাউজারগুলিতে আইডি অ্যাট্রিবিউট ব্যবহার সম্পর্কে কীভাবে। উভয় বিকল্প ব্যবহার করা হবে এবং ফ্যালব্যাক পদ্ধতিটি ডিফল্টরূপে প্রয়োগ করা হবে !!!


-3

সংজ্ঞা অনুসারে পুরো "নামকরণকৃত অ্যাঙ্কর" ধারণাটি নাম বৈশিষ্ট্যটি ব্যবহার করে। আপনার কেবল নামটি ব্যবহারে আটকে থাকা উচিত, তবে আইডি বৈশিষ্ট্যটি জাভাস্ক্রিপ্টের কিছু পরিস্থিতিতে কার্যকর হতে পারে।

মতামত হিসাবে, আপনি সবসময় উভয় আপনার বেট হেজ করতে ব্যবহার করতে পারেন।


উভয় ব্যবহার করার সময়, আইডি: গুলি এবং নামগুলি কী বিশ্বব্যাপী অনন্য? হিসাবে, আমি আইডি এবং নাম উভয় একই স্ট্রিং ব্যবহার করতে পারি?
হেনরিক পল

আপনি পারেন, তবে কিছু লোক মনে করেন এটি খারাপ অভ্যাস।
অ্যালেক্স ফোর্ট

9
এইচটিএমএল স্পেসিফিকেশন অনুসারে, উভয় উপস্থিত থাকলে নাম এবং আইডি একরকম হওয়া উচিত। এটি আরও বলে যে নাম এবং আইডিস একই নাম স্থানে রয়েছে। এইচটিএমএল বৈধকরণকারী পরিষেবা এগুলির জন্য পরীক্ষা করে না, এবং আমি ব্রাউজারগুলির যত্ন সম্পর্কে সন্দেহ করি তবে এগুলি যাইহোক অনুসরণ করার জন্য ভাল দিকনির্দেশনা বলে মনে হয়।
ইরিকসন

3
বাস্তবতার নতুন সংজ্ঞা দেওয়া হয়েছে! <একটি নাম ... শুরু থেকেই অসুস্থ ছিল এবং সিএসএস লিঙ্ক স্টাইলিং এটিকে আরও অসুস্থ করে তুলেছে।
রবার্ট সিমার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.