Iqra Skills

HTML বনাম DOM

আপনি যদি ব্রাউজারের Developer Tools-এর ভিতরে DOM এলিমেন্টগুলো দেখেন, তাহলে লক্ষ্য করবেন যে DOM-এর মধ্যে `` এলিমেন্টটি অন্তর্ভুক্ত আছে।

একটি ওয়েব পেজের DOM মূল সোর্স কোডের থেকে আলাদা। অর্থাৎ, আপনি যে আসল HTML ফাইল তৈরি করেছেন, DOM ঠিক সেটি নয়।

ব্রাউজার HTML ফাইলকে পড়ে এবং সেটিকে প্রসেস করে একটি DOM তৈরি করে, যাতে জাভাস্ক্রিপ্ট সহজে এলিমেন্টগুলোকে পরিবর্তন ও নিয়ন্ত্রণ করতে পারে।

DOM কী?

DOM (Document Object Model) হলো HTML এলিমেন্টগুলোর একটি অবজেক্ট ভিত্তিক উপস্থাপন (object representation)। এটি আপনার কোড এবং ইউজার ইন্টারফেস (UI)-এর মধ্যে একটি সংযোগ হিসেবে কাজ করে।

DOM-এর একটি ট্রি (tree)-এর মতো গঠন থাকে, যেখানে parent এবং child সম্পর্কের মাধ্যমে বিভিন্ন এলিমেন্ট একে অপরের সাথে যুক্ত থাকে।

React কীভাবে কাজ করে তা বুঝতে হলে, প্রথমে আমাদের একটি মৌলিক ধারণা থাকতে হবে যে ব্রাউজার কীভাবে আপনার কোড ব্যাখ্যা করে (interpret) ইউজার ইন্টারফেস (UI) তৈরি বা রেন্ডার করে।

যখন কোনো ব্যবহারকারী একটি ওয়েব পেজ ভিজিট করে, তখন সার্ভার ব্রাউজারে একটি HTML ফাইল পাঠায়, যা দেখতে এমন হতে পারে:

What is Next.js?
Next.js is a React framework that gives you building blocks to create web applications.

ছায়া মন্ত্রিসভা আসলে কী?

নওগাঁর বাদলগাছীতে দেশের সর্বনিম্ন তাপমাত্রা ৬ দশমিক ৭ ডিগ্রি সেলসিয়াস রেকর্ড করা হয়েছে। এটিই এই বছরের রেকর্ড করা সর্বনিম্ন তাপমাত্রা।
❄️

Happy New Year
2026

ইন্নালিল্লাহি ওয়া ইন্না ইলাইহি রাজিউন।

We are HADI 😥😥😥😥😥

৫৫তম মহান বিজয় দিবসের শ্রদ্ধা