তথ্য ও যোগাযোগ প্রযুক্তি • ওয়েব ডিজাইন পরিচিতি এবং HTML

তথ্য ও যোগাযোগ প্রযুক্তি প্রশ্ন

তানিয়া তার কম্পিউটারে নিচের কোডটি লিখে সেভ করল—

<html> <head> <title>আমার গ্রাম</title> </head> <body> <p>আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।</p> </body> </html> কোডটি তার কম্পিউটারের ব্রাউজারে ঠিকভাবে দেখা গেলেও বন্ধুর কম্পিউটারে বাংলা লেখাগুলো অস্পষ্ট ও এলোমেলো দেখাল। তার বন্ধু বলল, "শুধু html এলিমেন্টে ভাষা উল্লেখ করে দিলেই সমস্যা মিটে যাবে, আলাদা কিছু লাগবে না।"
  1. ক)

    UTF-8 কী?

    (1)
  2. খ)

    html এলিমেন্টে lang অ্যাট্রিবিউট ব্যবহারের কারণ ব্যাখ্যা করো।

    (2)
  3. গ)

    তানিয়ার কোডটি এমনভাবে সংশোধন করো যাতে সব কম্পিউটারে বাংলা লেখা ঠিকভাবে দেখা যায় এবং ডকুমেন্টের ভাষা বাংলাদেশি বাংলা হিসেবে নির্ধারিত থাকে।

    (3)
  4. ঘ)

    তানিয়ার বন্ধুর মন্তব্যটি কতখানি যথার্থ? meta ও lang-এর কাজ তুলনা করে তোমার মতামত দাও।

    (4)

উত্তর ও ব্যাখ্যা

  1. ক)

    AI-তৈরি নমুনা উত্তর UTF-8 একটি জনপ্রিয় ইউনিকোড ক্যারেক্টার সেট বা অক্ষরসমষ্টি, যা বাংলা লেখা সমর্থন করে।

  2. খ)

    AI-তৈরি নমুনা উত্তর lang অ্যাট্রিবিউটের কাজ হলো ডকুমেন্টটি কোন ভাষায় লেখা হয়েছে তা ওয়েব ব্রাউজারকে জানানো। যেমন বাংলার জন্য lang="bn" লিখতে হয়। কোনো ভাষার একাধিক উপভাষা থাকলে ভাষার সাথে দুই অক্ষরের অঞ্চল কোড বা রিজিওন কোড যোগ করা হয়, যেমন বাংলাদেশি বাংলার জন্য bn-BD। এভাবে ব্রাউজার ডকুমেন্টের ভাষা সম্পর্কে নিশ্চিত হতে পারে।

  3. গ)

    AI-তৈরি নমুনা উত্তর সব কম্পিউটারে বাংলা লেখা ঠিকভাবে দেখানোর জন্য head এলিমেন্টের ভেতরে meta এলিমেন্টে charset="utf-8" দিতে হবে। ভাষা নির্ধারণের জন্য html এলিমেন্টে lang অ্যাট্রিবিউটে বাংলাদেশি বাংলার কোড bn-BD দিতে হবে। সংশোধিত কোড—

    <!DOCTYPE html> <html lang="bn-BD"> <head> <title>আমার গ্রাম</title> <meta charset="utf-8"> </head> <body> <p>আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।</p> </body> </html>
  4. ঘ)

    AI-তৈরি নমুনা উত্তর তানিয়ার বন্ধুর মন্তব্যটি যথার্থ নয়। কারণ lang ও meta charset-এর কাজ আলাদা।
    lang অ্যাট্রিবিউট html এলিমেন্টে বসে এবং ব্রাউজারকে জানায় ডকুমেন্টটি কোন ভাষায় লেখা। কিন্তু এটি লেখাগুলোকে কোন ক্যারেক্টার সেটে পড়তে হবে তা নির্ধারণ করে না।
    আর meta এলিমেন্টের charset অ্যাট্রিবিউট ব্রাউজারকে জানায় লেখাগুলো দেখানোর জন্য কোন ক্যারেক্টার সেট ব্যবহার করতে হবে। charset="utf-8" দিলে ব্রাউজার বাংলা অক্ষর ঠিকভাবে চিনে প্রদর্শন করে। কিছু কম্পিউটারে এটি না থাকলে বাংলা লেখা এলোমেলো দেখাতে পারে, যা তানিয়ার বন্ধুর কম্পিউটারে ঘটেছে।
    meta এলিমেন্টটি head-এর ভেতরে থাকে, কারণ এটি পেজের একটি সেটিংস ঠিক করে, পেজের দৃশ্যমান বিষয়বস্তু নয়।
    অতএব, শুধু lang দিলে বাংলা প্রদর্শনের সমস্যা মিটবে না। সব কম্পিউটারে বাংলা ঠিকভাবে দেখাতে meta charset অবশ্যই ব্যবহার করতে হবে। আর ভাষার তথ্য ব্রাউজারকে জানাতে lang ব্যবহার করা উচিত। তাই দুটিই ব্যবহার করা সর্বোত্তম।

আরও প্রশ্ন অনুশীলন করতে অ্যাপে যাও

অ্যাপ ডাউনলোড করোওয়েবে খুলো