এইচ টি এবং টিডি এইচটিএমএল টেবিলের মধ্যে পার্থক্য কি?

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

যদি আপনি বছরগুলিতে সাইটগুলি তৈরি করতে শুরু করেন তবে লেআউটের জন্য এইচটিএমএল টেবিলগুলি অনুপস্থিতি থেকে বেরিয়ে আসার পরে, আপনি আসলে এমন উপাদানগুলির সাথে পরিচিত হবেন না যা HTML টেবিল তৈরি করে। একটি প্রশ্ন যে অনেক আছে যখন তারা টেবিলের মার্কআপ দেখতে শুরু হয়:

" এবং এইচটিএমএল টেবিলের ট্যাগগুলির মধ্যে পার্থক্য কি?"

ট্যাগ কি?

ট্যাগ, বা "সারণির ডাটা" ট্যাগ, একটি HTML সারণিতে সারণির সারির মধ্যে সারণি কক্ষগুলি তৈরি করে। এটি এইচটিএমএল ট্যাগ যা কোন টেক্সট এবং ইমেজ রয়েছে। মূলত, এটি আপনার টেবিলের ওয়্যারহাউজ ট্যাগ। ট্যাগ এইচটিএমএল টেবিলের বিষয়বস্তু থাকবে।

ট্যাগ কি

ট্যাগ, বা "টেবিল হেডার", অনেকগুলি উপায়ে অনুরূপ। এটি একই ধরনের তথ্য ধারণ করতে পারে (যদিও আপনি কোনও চিত্রকে এ রাখেন না), তবে এটি একটি নির্দিষ্ট টেবিলকে একটি টেবিল হেডার হিসাবে নির্দিষ্ট করে।

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

আপনি যখন & lt; th & gt; বরং & lt; td & gt;

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

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

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