এইচটিএমএল সারণী: থ্যাড বনাম ম


155

দেখে মনে হচ্ছে ( যাইহোক যাইহোক, এই পৃষ্ঠায় থাকা উদাহরণ অনুসারে ) যে আপনি যদি থ্যাড ব্যবহার করছেন তবে আপনাকে TH ব্যবহার করার দরকার নেই।

এটা কি সত্যি? যদি তা হয় তবে থেড বনাম টিএইচ এর সুবিধা / অসুবিধাগুলি কী?

উত্তর:


124

<thead>ট্যাগ গ্রুপে একটি HTML টেবিল হেডার বিষয়বস্তুর ব্যবহার করা হয়। theadউপাদান সাথে ব্যবহার করা উচিত tbodyএবং tfootউপাদান।

আরও: thead

আপনি <thead>টেবিল শিরোনাম হিসাবে মনোনীত করতে একটি সম্পূর্ণ সারি (বা সারি) encapsulate ব্যবহার করুন। অনুমান অনুসারে,

"এই বিভাগটি ব্যবহারকারীর এজেন্টদের টেবিলের মাথা এবং পায়ে স্বতন্ত্রভাবে টেবিল সংস্থাগুলির স্ক্রোলিং সমর্থন করতে সক্ষম করে long

<th>অন্যদিকে, কোনও নির্দিষ্ট সেলটিকে সাধারণ ডেটা সেলের চেয়ে শিরোনাম সেল হিসাবে স্টাইল করতে ব্যবহৃত হয়।


22
আমি সবসময় উভয় ব্যবহার।

11
এটি একটি প্রাচীন ওয়েবসাইট যা আপনি "আরও: থ্যাড" এ লিঙ্ক করেছেন।
মাস্টারেক্সিলো


3
@ মাস্টারেক্সিলো আপনি কি আশা করেছিলেন? এইচটিএমএল নিজেই বেশ সুন্দর।
ড্যান বেচার্ড 14

1
@ কানো আপনি এখনও কোনও ব্যবহারে 30 বছরের পুরানো আরএফসি-র সাথে সংযোগ স্থাপনের বিষয়ে কি আপত্তি করবেন? তথ্যটি এখনও প্রাসঙ্গিক হওয়ার সাথে সাথে পৃষ্ঠাটি এত দীর্ঘ হওয়া কী বিষয় নয়?
jmbpiano

65

<th>আসলে <td>আপনি যখন একটি সেল শিরোনামের ঘর হিসাবে চিহ্নিত করতে চান তার জন্য প্রতিস্থাপন ।

আপনি যদি ব্যবহার করতে চান <thead>এবং ভিতরে <th>বাসাতে ভুলবেন না । অন্যথায় কোডটি বৈধ হতে পারে না। উদাহরণ:<th><tr>

<table>
  <thead>
    <tr>
      <th>Season</th>
      <th>Goals</th>
      <th>Assists</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>2009-2010</th>
      <td>25</td>
      <td>43</td>
    </tr>
    <tr>
      <th>2011-2012</th>
      <td>40</td>
      <td>20</td>
    </tr>
  </tbody>
</table>


2
এটি আসল প্রশ্নের উত্তর দেয় না, এটি আরও সংযোজন এবং উত্তরের পরিবর্তে একটি মন্তব্য হওয়া উচিত।
জেরাল্ড স্নাইডার

7
আমি জানি তবে মন্তব্য পোস্ট করার জন্য আমার কাছে খুব কম খ্যাতি পয়েন্ট রয়েছে তাই আমি একটি উত্তর পোস্ট করার চেষ্টা করেছি। আমি দুঃখিত, আমার দোষ কিন্তু পুরো স্ট্যাক পরিষেবাদির বিধিগুলি আমার জন্য মাঝে মাঝে অদ্ভুত।
rflw

28
প্রকৃতপক্ষে, এই উত্তরটি কেবলমাত্র TH এবং THEAD এর ব্যবহার দেখায়। +1 তার জন্য!
ব্যারিপিকার 21

4
আপনি যদি লিখেন "সুবিধাটি এ এর thঅভ্যন্তরে theadএবং এ এর ​​ভিতরেও ব্যবহার করা যেতে পারে tbody, উভয় উপাদানই তাদের নিজস্ব প্রসঙ্গে দরকারী are" যা প্রশ্নের উত্তর দেয় ... জেরাল্ড আপনি যেভাবে উত্তরটি লিখেছেন সে সম্পর্কে কেবল পিক হচ্ছে, তবে বাস্তবে এখানে একমাত্র উত্তর যা একটি অর্থবহ উদাহরণ দিয়েছে।
সিপিএইচপিথন

1
আমি এমনকি জানতাম না যে অতিরিক্ত সিএসএস ছাড়াই ডিফল্টরূপে সাহসী এড thপায় , তার জন্য ধন্যবাদ!
সিপিএইচপিথন

11

thএর ভিতরে যা থাকতে পারে তার চেয়ে বেশি নির্দিষ্ট thead। একটি thঘর সম্পর্কিত tdকক্ষের শিরোনাম নির্দিষ্ট করতে হয়। আসলে আপনি headersকোনও tdঘরে একটি বৈশিষ্ট্য যুক্ত করতে পারেন যা কোনও thঘরের আইডিতে (স্ক্রিন পাঠকদের জন্য) নির্দেশ করে। সুতরাং thসরাসরি tdযে কলাম এর গুলি এর সাথে সম্পর্কিত ।

যাইহোক, theadযে কোনও তথ্য অন্তর্ভুক্ত করতে পারে ... সাধারণত হ্যাঁ এতে thকোষগুলি অন্তর্ভুক্ত থাকে তবে এটি টেবিলে শীর্ষে তথ্য হিসাবে উপযুক্ত হিসাবে বিবেচিত হতে পারে এমন কোনও কিছু অন্তর্ভুক্ত করতে পারে (ক্যাপশন ব্যতীত অন্য কারন, কারণ এটির নিজস্ব ট্যাগ রয়েছে হিসাবে আমরা হব).



6

<thead>

সারণি সারিগুলিকে যথাক্রমে THEAD, TFOOTএবং TBODYউপাদানগুলি ব্যবহার করে একটি টেবিলের মাথা, টেবিল ফুট এবং এক বা একাধিক টেবিলের বডি বিভাগে বিভক্ত করা যেতে পারে । এই বিভাগটি ব্যবহারকারীর এজেন্টগুলিকে টেবিলের মাথা এবং পায়ের স্বতন্ত্রভাবে টেবিল সংস্থাগুলির স্ক্রোলিং সমর্থন করতে সক্ষম করে। যখন দীর্ঘ সারণীগুলি মুদ্রিত করা হয়, তখন প্রতিটি পৃষ্ঠায় টেবিলের মাথা এবং পায়ের তথ্য পুনরাবৃত্তি হতে পারে যাতে সারণীতে ডেটা রয়েছে।

টেবিলের মাথা এবং টেবিলের পাদদেশে টেবিলের কলামগুলি সম্পর্কিত তথ্য থাকা উচিত। টেবিলের বডিটিতে সারণী ডেটার সারি থাকা উচিত।

উপস্থিত থাকাকালীন, প্রতিটি THEAD, TFOOT, এবং TBODY এ একটি সারি গোষ্ঠী থাকে। প্রতিটি সারির গোষ্ঠীতে কমপক্ষে একটি সারি থাকতে হবে, টিআর উপাদান দ্বারা সংজ্ঞায়িত।

<th>

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

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

সূত্র: http://www.w3.org/TR/html4/struct/tables.html


3

যতদূর আমি অভিজ্ঞতা থেকে বলতে পারি, আপনি রেন্ডারিংয়ের মধ্যে একটি পার্থক্য নির্দিষ্ট করার জন্য সিএসএস ব্যবহার না করে রেন্ডারে কোনও পার্থক্য নেই। একটি এর <td>অভ্যন্তর একটি বা এর অভ্যন্তরের <thead>সমান রেন্ডার করবে ।<th><table><tbody>


এএড উপাদানটিতে সারিও রয়েছে।
ড্যানম্যান

1
আমি মনে করি আপনি বোঝাতে চাইছেন কোনও রেন্ডারের <td>অভ্যন্তর একটি <thead>হিসাবে একই রকম উপস্থাপিত হয়, এমনটি হয় <th>না <tr>
উদ্ভট

0

এখানে কোনও কঠোর নিয়ম নেই। <thead>উপাদান আপনার কলাম এবং সারি গ্রুপে শুধু আরেকটি উপায়, শুধু ভালো হয় <tbody>এবং <tfoot>হয়। সুতরাং আপনার কাছে স্ক্রিপ্টিং এবং ফর্ম্যাট করার আরও সম্ভাবনা রয়েছে।

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