কিভাবে CSS কোড কমেন্ট করবেন

কিভাবে CSS এ মন্তব্য ব্যবহার করবেন।

আপনি নিজের জন্য বা আপনার দলের সদস্যদের জন্য কোডটি সংক্ষিপ্তভাবে নথিভুক্ত করতে (ব্যাখ্যা করতে) CSS স্টাইলশীটের মধ্যে মন্তব্য লেখেন।

CSS-এ মন্তব্য লিখতে আমরা নিম্নলিখিত সিনট্যাক্স/ফরম্যাট ব্যবহার করি:

/* This is a CSS comment */

/* */ বিন্যাস হল শুধু CSS-এ মন্তব্য লেখার উপায়, তাই এটি একক এবং বহু-লাইন উভয় মন্তব্যের জন্যই ব্যবহৃত হয়।

/* 
   This is a 
   multi-line 
   CSS comment.
   Also known as a block comment.
*/

মন্তব্য আউট করতে মন্তব্য সিনট্যাক্স ব্যবহার করে কয়েকটি উদাহরণ নিয়ম-সেটের ভিতরে CSS কোড:

  .box {
    background-color: #000;
    padding: 1.5rem;
    /* border-radius: 4px; */ 
  }

  .box {
    background-color: #000;
    padding: 1.5rem; /*
    border-radius: 4px; 
    box-shadow: 5px 10px #888888;
    */
  }

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

জাভাস্ক্রিপ্ট মন্তব্যের সাথে CSS মন্তব্যগুলিকে বিভ্রান্ত করবেন না। জাভাস্ক্রিপ্টে /* */ (CSS এর মতো একই বিন্যাস) মাল্টি-লাইনের জন্য ব্যবহৃত হয়, যখন একক লাইনের মন্তব্যে ডবল ফরওয়ার্ড স্ল্যাশ // ব্যবহার করা হয় .

• একক-লাইন মন্তব্যগুলিকে ইনলাইনও বলা হয় মন্তব্য
• মাল্টি-লাইন মন্তব্যকে ব্লকও বলা হয় মন্তব্য।

আপনি হয়তো এমন কিছু প্রকল্প দেখেছেন যেখানে তারা // ব্যবহার করছে তাদের CSS কোডে একক-লাইন মন্তব্যের জন্য। আপনি যদি একটু ঘনিষ্ঠভাবে তাকান তবে আপনি দেখতে পাবেন যে তারা একটি CSS প্রিপ্রসেসর ব্যবহার করছে, যেমন Sass/SCSS, বা কম, যা জাভাস্ক্রিপ্টের মতো একক-লাইন মন্তব্যের অনুমতি দেয়। ভ্যানিলায় (সাধারণ) CSS, দুর্ভাগ্যবশত আমাদের শুধুমাত্র /* */ আছে

আপনার কি আপনার CSS কোডে মন্তব্য লিখতে হবে?

এইচটিএমএল টিউটোরিয়ালে কীভাবে মন্তব্য করতে হয় তা যেমন আমি ব্যাখ্যা করেছি, বিকাশকারীরা এই বিষয়ে একমত নন। কেউ কেউ বিশ্বাস করেন যে আপনার কোডটি স্পষ্ট এবং স্ব-ব্যাখ্যামূলক হওয়া উচিত।

আমার জন্য, বিষয় কালো এবং সাদা নয়. সব মন্তব্য সমান লেখা হয় না। আপনার সাম্প্রতিক উপন্যাসের খসড়া তৈরি করতে আপনার CSS স্টাইলশীটগুলি ব্যবহার করা উচিত নয়, তবে ছোট, সংক্ষিপ্ত মন্তব্যগুলি আপনার কোডে কী ঘটছে তা বুঝতে একটি টিমের নতুন বা নতুনদের সাহায্য করার জন্য একটি পার্থক্য তৈরি করতে পারে৷

আমি স্পষ্ট নেব উপর অন্তর্নিহিত যে কোন দিন।

আপনার মন্তব্যগুলি খুব বেশি জায়গা নিচ্ছে এবং আপনার পৃষ্ঠার লোডকে আঘাত করছে সে সম্পর্কে চিন্তা করবেন না। মন্তব্য, বা পাঠ্য, সাধারণভাবে, কর্মক্ষমতা/পৃষ্ঠা লোডিং গতির উন্নতির ক্ষেত্রে আপনার উদ্বিগ্ন হওয়া উচিত শেষ জিনিস। এছাড়াও, এমন সরঞ্জাম রয়েছে যা পোস্ট-প্রসেসিংয়ের সময় মন্তব্যগুলি সরাতে পারে৷