যদি আপনি পৃষ্ঠার লেআউটের জন্য টেবিলের ব্যবহার করছেন তবে এক্স- এইচ - এল -তে কোনো না- নাও হতে পারে-সম্ভবত আপনার লেআউটগুলিতে অতিরিক্ত স্পেসের অসাধারণ যোগফলের সম্মুখীন হবে। এই সমস্যাটি সমাধানের জন্য আপনার এইচটিএমএল টেবিল ডিফারেন্স এবং কোনও নিয়ন্ত্রক স্টাইল শীট এর সুনির্দিষ্ট উভয়টি চেক করতে হবে।
এইচটিএমএল টেবিল সংজ্ঞা
ডিফল্টভাবে টেবিলের জন্য HTML ট্যাগ কিছু স্পেসিং প্রয়োজনীয়তাগুলির জন্য নিয়ন্ত্রণ করে না। আপনার HTML ডকুমেন্টের মধ্যে সারণি ট্যাগ সম্পর্কে তিনটি বিষয় যাচাই করুন:
- আপনার টেবিলটি কি সেলপ্যাডিং অ্যাট্রিবিউটকে 0 তে সেট করেছে?
- cellpadding = "0"
- আপনার টেবিলে কি কোষের অবস্থান নির্ধারণ বৈশিষ্ট্যটি 0 তে রয়েছে?
- cellspacing = "0"
- আপনার বিষয়বস্তু এবং টেবিলের ট্যাগ আগে বা পরে কোনো স্পেস আছে?
নম্বর 3 হল kicker। অনেক এইচটিএমএল এইচটিএমএল এডিটর কোডগুলি সব স্পেসে থাকতে পছন্দ করে, এটি সহজে পড়তে পারে। কিন্তু অনেক ব্রাউজার আপনার টেবিলের ভিতরে অতিরিক্ত ট্যাবগুলি, স্পেস এবং ক্যারেস রিটার্নস করে দেয়। আপনার ট্যাগের কাছাকাছি হোয়াইটস্পেস পরিত্রাণ পেতে এবং আপনার ক্রিসপার টেবিল থাকবে।
স্টাইল শীট
তবে, এটি এইচটিএমএল নাও হতে পারে। ক্যাসকেডিং স্টাইল শীট টেবিলের কিছু প্রদর্শন বৈশিষ্ট্য নিয়ন্ত্রণ করে এবং পৃষ্ঠার উপর নির্ভর করে, আপনি বা ইচ্ছাকৃতভাবে প্রথম স্থানে টেবিল-নির্দিষ্ট CSS যুক্ত করতে পারেন না।
টেবিল, তম এবং টিডি বৈশিষ্ট্যগুলির মধ্যে নিম্নোক্ত যেকোনো মানগুলির জন্য নিয়ন্ত্রক CSS ফাইলে স্ক্যান করুন এবং প্রয়োজন অনুসারে সামঞ্জস্য করুন:
- সীমানা একটি টেবিল বা ঘর সীমানা বৈশিষ্ট্য উল্লেখ করে
- সীমান্ত-পতন এক হিসাবে সীমান্ত সীমানা হিসাবে আচরণ, সীমানা প্রস্থতা অনুরূপ এড়াতে
- প্যাডিং প্রতিটি ঘর কাছাকাছি, পিক্সেল মধ্যে, ফাঁকা স্থান উপলব্ধ
- পাঠ্য-সারাক্ষণ কোষের মধ্যে পাঠের প্রান্তিককরণ নির্ধারণ করে
- সীমারেখা-বিচ্ছিন্ন পিক্সেলের মধ্যে কোষগুলির মধ্যে দূরত্ব রাখে
বিকল্প
যদিও আপনি এখনও এইচটিএমএল টেবিল ব্যবহার করতে পারেন- আজকের ব্রাউজারে মানটি সুবিন্যস্ত এবং সর্বজনীনভাবে সমর্থিত হয়- বেশিরভাগ আধুনিক প্রতিক্রিয়াশীল ওয়েব ডিজাইন ক্যাজাকিং স্টাইল শীট ব্যবহার করে একটি পৃষ্ঠার উপাদানগুলি স্থাপন করে। ট্যাবলেটগুলি ট্যাবুলার ডেটা প্রদর্শন করার জন্য তাদের মূল উদ্দেশ্যপ্রণোদিত উদ্দেশ্যগুলির জন্য এখনও টেবিলগুলি তৈরি করে, কিন্তু একটি পৃষ্ঠার লেআউট এবং সামগ্রী সংগঠিত করার জন্য, আপনি CSS লেআউট ব্যবহার করে তার চেয়ে ভাল।