নেস্টেড টেবিলগুলি আপনার ওয়েব পৃষ্ঠাগুলিকে স্লো করুন
ওয়েব পৃষ্ঠাগুলিকে দ্রুত ডাউনলোড করতে হবে, তবে নেস্টেড টেবিল প্রসেসটি ধীর করে দিতে পারে। কেউ আপনাকে বলবেন না যে আরো মানুষ ব্রডব্যান্ড বা হাই স্পিড ইন্টারনেট ব্যবহার করে, তাই আপনার পৃষ্ঠাগুলির লোড কত দ্রুত হবে তা নিয়ে চিন্তা করতে হবে না। ওয়েবে সামগ্রীর পরিমাণের সাথে, ধীরে ধীরে লোড হয় এমন একটি পৃষ্ঠা বা সাইটটি দ্রুততার সাথে লোকেদের তুলনায় কম দর্শক হ'ল। গতি খুবই গুরুত্বপূর্ণ।
একটি Nested টেবিল কি?
একটি নেস্টেড টেবিলে একটি এইচটিএমএল টেবিল রয়েছে যার ভিতরে এটি অন্য টেবিল রয়েছে। উদাহরণ স্বরূপ:
<টেবিল>
<টেবিল>
নেস্টেড সারণী আরও ধীরে ডাউনলোড করতে পৃষ্ঠাগুলি কারণ
একটি ওয়েব পৃষ্ঠায় একটি একক সারণি পৃষ্ঠাটিকে আরো ধীরে (কারণের মধ্যে) ডাউনলোড করতে দেয় না। কিন্তু যে মুহূর্তে আপনি অন্য টেবিলের মধ্যে একটি টেবিলে রাখেন, ব্রাউজারটিকে রেন্ডার করার জন্য এটি আরও জটিল হয়ে উঠছে, তাই পৃষ্ঠাটি আরো ধীরে ধীরে লোড হয়। এবং আরও টেবিল যা আপনি পরস্পর ভিতরে নেমেছেন, ধীরে ধীরে পৃষ্ঠাটি লোড হবে।
যখন আপনি টেবিল সহ একটি পৃষ্ঠা তৈরি করেন, মনে রাখবেন টেবিলে থাকা আরও টেবিলগুলি, ধীরগতির পৃষ্ঠাটি লোড হবে। সাধারণত, যখন কোন পৃষ্ঠা লোড হয়, তখন ব্রাউজার এইচটিএমএলের শীর্ষে শুরু হয় এবং পৃষ্ঠাটি ক্রমানুসারে লোড করে। যাইহোক, নেস্টেড টেবিলের সাথে, এটি সম্পূর্ণ জিনিস প্রদর্শন করার আগে টেবিলের শেষটি খুঁজে পেতে হবে।
লেআউটের জন্য টেবিল
আপনি আপনার ওয়েব পেজে লেআউটের জন্য টেবিলের ব্যবহার করা উচিত নয় । তারা সর্বদা প্রয়োজন যে আপনি নেস্টেড টেবিল ব্যবহার, তাই একটি টেবিল-লেআউট ওয়েব পৃষ্ঠা CSS আরো
এছাড়াও, যদি আপনি বৈধ XHTML লিখতে চেষ্টা করছেন, টেবিলের সবগুলি লেআউটের জন্য ব্যবহার করা উচিত নয়। টেবিলগুলি ট্যাবুলার ডেটার জন্য (যেমন স্প্রেডশীটস), লেআউটের জন্য নয়। পরিবর্তে, আপনি লেআউটের জন্য CSS ব্যবহার করতে হবে - CSS ডিজাইন আরও দ্রুত রেন্ডার এবং আপনাকে বৈধ XHTML রক্ষণ করতে সহায়তা করে।
দ্রুত লোড হচ্ছে টেবিল নকশা
যদি আপনি একাধিক সারিগুলির সাথে একটি টেবিলটি তৈরি করেন, তবে আপনি প্রায়ই প্রতিটি সারি একটি পৃথক সারণি হিসাবে লিখতে পারেন, তবে এটি প্রায়ই আরো দ্রুত লোড করতে পারে। উদাহরণস্বরূপ, আপনি এই মত একটি টেবিলের লিখতে পারে:
<টেবিল শৈলী = "প্রস্থ: 100%;">
কিন্তু যদি আপনি একই সারণিটি দুটি টেবিলে লিখে থাকেন তবে তা আরো দ্রুত লোড হবে বলে মনে হয়, কারণ ব্রাউজারটি প্রথমে রেন্ডার করবে এবং তারপর দ্বিতীয়টি রেন্ডার করবে, সম্পূর্ণ টেবিলকে একযোগে উপস্থাপনার পরিবর্তে। এই কৌশলটি নিশ্চিত করতে হবে যে প্রতিটি টেবিলের সমান প্রস্থ এবং অন্যান্য শৈলী (যেমন প্যাডিং, মার্জিন এবং সীমানা)।
<টেবিল শৈলী = "প্রস্থ: 100%;">
<টেবিল শৈলী = "প্রস্থ: 100%;">
এক টেবিল ইন নেস্টেড সারণি রূপান্তর
আপনি মনে করতে পারেন যে এটি সব ভাল তথ্য, কিন্তু আপনার কাছে একটি টেবিল আছে যার মধ্যে এটির অন্য টেবিল থাকা আবশ্যক । যদিও এটি সত্য হতে পারে, ঘন ঘন আপনি নেস্টেড টেবিলে আপনার টেবিলের কোষগুলি এবং বৈশিষ্ট্যের সাহায্যে সামান্য বেশি জটিল একক সারণিতে রূপান্তর করতে পারেন। উদাহরণস্বরূপ, উপরে অবস্থিত নেস্টেড টেবিলে, আমি এটি একটি কলামে কেবলমাত্র কলসেন অ্যাট্রিবিউট দিয়ে রূপান্তর করতে পারি:
<টেবিল>
এই টেবিলটি নেস্টেড টেবিলের তুলনায় কম অক্ষর ব্যবহার করার সুবিধাও রয়েছে, তাই এটির কারণে এটি দ্রুত ডাউনলোড হবে।