হাই কিছুক্ষণ হয়ে গেছে যখন আমি কিছু জিজ্ঞাসা করেছি, এটি এমন কিছু যা আমাকে কিছুক্ষণ বিরক্ত করে চলেছে, প্রশ্নটি নিজেই শিরোনামে রয়েছে:
এইচটিএমএল টেবিলগুলি লেখার আপনার পছন্দের উপায়টি যা উল্লম্ব শিরোনাম রয়েছে?
উল্লম্ব শিরোনাম দ্বারা আমি বলতে চাইছি যে টেবিলটির <th>বাম দিকে শিরোনাম ( ) ট্যাগ রয়েছে (সাধারণত)
শিরোনাম 1 ডেটা ডেটা ডেটা
শিরোনাম 2 ডেটা ডেটা ডেটা
শিরোনাম 3 ডেটা ডেটা ডেটা
এগুলি দেখতে দেখতে এ পর্যন্ত আমি দুটি বিকল্প নিয়ে এসেছি
প্রথম বিকল্প
<table id="vertical-1">
<caption>First Way</caption>
<tr>
<th>Header 1</th>
<td>data</td><td>data</td><td>data</td>
</tr>
<tr>
<th>Header 2</th>
<td>data</td><td>data</td><td>data</td>
</tr>
<tr>
<th>Header 2</th>
<td>data</td><td>data</td><td>data</td>
</tr>
</table>
এই উপায়টির প্রধান সুবিধাটি হ'ল এটি উপস্থাপিত করে যে ডেটা উপস্থাপিত করে তার পাশেই আপনার ডানদিকে (আসলে বামে) থাকে, যা আমি পছন্দ করি না তা হ'ল <thead>, <tbody>এবং <tfoot>ট্যাগগুলি অনুপস্থিত এবং এগুলি না ভেঙে এগুলি অন্তর্ভুক্ত করার কোনও উপায় নেই নিকেলিতে উপাদানগুলি একসাথে রাখা হয়েছে, যা আমাকে দ্বিতীয় বিকল্পে নিয়ে যায়।
দ্বিতীয় বিকল্প
<style type="text/css">
#vertical-2 thead,#vertical-2 tbody{
display:inline-block;
}
</style>
<table id="vertical-2">
<caption>Second Way</caption>
<thead>
<tr>
<th colspan="3">Header 1</th>
</tr>
<tr>
<th colspan="3">Header 2</th>
</tr>
<tr>
<th colspan="3">Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1</td>
<td>row 1</td>
<td>row 1</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">Footer</td>
</tr>
</tfoot>
</table>
এখানে মূল সুবিধা আপনি একটি সম্পূর্ণরূপে বর্ণনামূলক এইচটিএমএল টেবিল আছে, অপূর্ণতা সঠিক উপস্থাপনা জন্য CSS একটি বিট প্রয়োজন হয় tbodyএবং theadট্যাগ এবং যে হেডার এবং তথ্য মধ্যে সম্পর্ক খুব আমি আমার সন্দেহ ছিল যখন তৈরি পরিষ্কার করা হয় না মার্কআপ।
সুতরাং, উভয় উপায়ে টেবিলটি কীভাবে করা উচিত তা এখানে পেশ করুন:
বাম বা ডানদিকে শিরোলেখগুলি দিয়ে আপনি যদি এটি পছন্দ করেন তবে, কোনও পরামর্শ, বিকল্প, ব্রাউজার সমস্যা?