একাধিক <নব> ট্যাগ

Question

আমরা কি এইচটিএমএল 5 তে একই পৃষ্ঠায় একাধিক ট্যাগ ব্যবহার করতে পারি?

আমি পড়েছি এই নিবন্ধটি Zeldman.com এ পড়েছি তবে এটি আমার কাছে সম্পূর্ণ পরিষ্কার নয়

অর্থাত্

<header><nav>links here</nav></header>

<footer><nav>links here</nav></footer>

Comments

ভূমিকা = 'প্রধান' আপনার সাইটের w3.org/TR/wai-aria/roles#main সাইটের প্রধান বিষয়বস্তু সনাক্ত করার জন্য , এবং ব্লগরোলের জন্য কোনও ভূমিকা নেই। আমি মনে করি আপনি মাইক্রোডাটা ব্যবহার করছেন - স্কিমা.অর্গ ।

— অ্যান্ড্রু লুহরিং

Answer 1

হ্যাঁ একেবারে. আপনি থাকতে পারে একাধিক header, navএবংfooter ট্যাগ সেন্স পেনাল্টি থাকতে পারে।

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

Comments

একই ফুটারে একাধিক ন্যাভ সম্পর্কে কীভাবে?

— ইগ্যাস্পেরেটো

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

— কোরওওয়ার্ড

কোন ধরণের নেভিগেশনের জন্য স্ট্যান্ডার্ড লেবেলগুলি ব্যবহার করা উচিত সে সম্পর্কে কোনও গাইডেন্স রয়েছে? বিশেষত: প্রধান নেভিগেশন, পরাশক্তি, ইউটিলিটি নেভিগেশন (যেমন দ্রুত লিঙ্কগুলি) এবং পাদলেখ নেভিগেশন? এছাড়াও, যদি <nav>ইতিমধ্যে কোনও <footer>ট্যাগের অভ্যন্তরে থাকে তবে এটি প্রয়োগ করা aria-label="footer navigation"কি অতিরিক্ত কাজ নয় ?

— हिस्सा_স্প্লিট 21 '15

@ শঙ্ক_স্প্লিট আমি মনে করি আপনি একটি নতুন প্রশ্ন জিজ্ঞাসা করা ভাল, যদিও আমি নিশ্চিত না যে স্ট্যাকওভারফ্লো সঠিক সম্প্রদায় is এআরআইএর বৈশিষ্ট্য হিসাবে, এগুলি অনর্থক মনে হলেও এগুলি যুক্ত করা নিরাপদ।

— 22: 18 এ কোরিউয়ার্ড

Answer 2

উত্তরটি হল হ্যাঁ. <nav>আরও তথ্যের জন্য mdn <nav>ডকুমেন্টেশন চেক করতে পাদলেখতে আপনি একটি ট্যাগ রাখতে পারেন ।

Comments

একটি অনুমোদিত লিঙ্ক প্রদান ভাল কাজ। লিঙ্কযুক্ত পৃষ্ঠাটি এর ব্যবহারের নোটগুলিতে উল্লেখ করেছে "একটি নথিতে বেশ কয়েকটি <nav>উপাদান থাকতে পারে "।

— এড গিবস

Answer 3

হ্যাঁ, একাধিক <nav>উপাদান থাকা একেবারে ঠিক।

আপনাকে কেবল এটি নিশ্চিত করতে হবে যে আপনি তাদের পর্দার পাঠক ব্যবহার করে লোকদের জন্য আলাদা করে তুলছেন। আপনি প্রতিটি <nav>ব্যবহার করে লেবেল করে এটি করতে পারেন aria-label।

<nav aria-label=’primary’>
  <ul>
    ...List on links here...
  </ul>
</nav>
<nav aria-label=’secondary’>
  <ul>
    ...List on links here...
  </ul>
</nav>

বা, যদি <nav>স্ক্রিনে দৃশ্যমান কোনও পাঠ্য যা লেবেলিং উপাদান হিসাবে চিহ্নিত করা যায়, আপনি aria-labelledbyনীচের মত ব্যবহার করতে পারেন :

<nav aria-label="Site Menu">
  <ul>
    ...List on links here...
  </ul>
</nav>
<article>
  <h1>Title</h1>
  ...
  <nav aria-labelledby="id-1">
    <h2 id="id-1">
      Related Content
    </h2>
    <ul>
      ...List on links here...
    </ul>
  </nav>
</article>

আপনি একাধিক নেভিগেশন ল্যান্ডমার্ক ব্যবহার সম্পর্কে আরও পড়তে পারেন ।