আপনার CSS কোডে মন্তব্য সহ দরকারী এবং অত্যন্ত বাঞ্ছনীয়।
প্রতিটি ওয়েবসাইট স্ট্রাকচারাল উপাদান (এইচটিএমএল দ্বারা নির্দেশিত হয়) পাশাপাশি ভিজ্যুয়াল স্টাইল বা সেই সাইটের "চেহারা এবং অনুভূতি" থেকে গঠিত। ক্যাসকেডিং স্টাইল শীটস (সিএসএস) কি একটি ওয়েবসাইটের চাক্ষুষ চেহারা নির্দেশিত ব্যবহৃত হয়। ওয়েব স্টাইলগুলি আপডেট এবং আনুগত্য সহকারে সহজ করার জন্য এইচটিএমএল স্ট্রাকচার থেকে এই স্টাইলগুলিকে আলাদা রাখা হয়।
আজ অনেক ওয়েবসাইট জটিলতার আকার সঙ্গে, শৈলী শীট দ্রুত সঙ্গে কাজ করতে বেশ দীর্ঘ এবং খুব কঠিন হতে পারে। প্রতিক্রিয়াশীল ওয়েবসাইট শৈলীগুলির জন্য মিডিয়া ক্যোয়ারীর মধ্যে যোগ করার সময় এটি বিশেষভাবে সত্য। শুধুমাত্র সেগুলি মিডিয়া প্রশ্নগুলি একটি সিএসএস নথিতে নতুন শৈলির একটি উল্লেখযোগ্য পরিমাণ যোগ করতে পারে এবং এর সাথে কাজ করা এমনকি কঠিন হতে পারে এই হল যেখানে CSS মন্তব্য একটি ওয়েবসাইট একটি অমূল্য সাহায্য হয়ে যাবে।
একটি ওয়েবসাইটের সিএসএস ফাইলগুলিতে মন্তব্য যোগ করা একটি মানব পাঠক যিনি এই নথির পর্যালোচনা করছেন তার জন্য সেই কোডের বিভাগগুলিতে কাঠামো যুক্ত করার একটি দুর্দান্ত উপায়। এটি এমন একটি চমৎকার পদ্ধতি যা ওয়েব পেশাদারদের জন্য সেই শৈলীগুলি ব্যাখ্যা করার জন্যও হতে পারে যা ভবিষ্যতে সাইটটিতে কাজ করতে হতে পারে - নিজের সহ!
শেষ পর্যন্ত, স্মার্টভাবে যোগ করা CSS মন্তব্য প্রক্রিয়া করতে একটি শৈলী শীট সহজ করতে হবে। এই, প্রকৃতপক্ষে, দল দ্বারা সম্পাদিত হবে শৈলী শীট জন্য গুরুত্বপূর্ণ। মন্তব্যগুলি স্টাইল শীটের গুরুত্বপূর্ণ দিককে দলের বিভিন্ন সদস্যদের সাথে যোগাযোগ করতে ব্যবহার করা যেতে পারে যারা ইতিমধ্যে কোডের সাথে পরিচিত নাও হতে পারে। এই মন্তব্যগুলি কিছু সময়ের জন্য এটি থেকে দূরে থাকার পরে কোড ফিরে পেতে যদি আগে সাইটে কাজ করেছেন যারা জন্য খুব সহায়ক হতে পারে আমি বেশ কয়েক মাস বা এমনকি বছর আগে নির্মিত একটি ওয়েবসাইট সম্পাদনা করতে থাকি এবং এইচটিএমএল এবং সিএসএস এর মধ্যে ভালভাবে ফরম্যাট করা মন্তব্যগুলি খুব স্বাগত জানাই! মনে রাখবেন, যেহেতু আপনি একটি সাইট তৈরি করেছেন তাই নয়, ভবিষ্যতে আপনি সেই সাইটটিতে ফিরে আসার সময় আপনার যে কাজগুলি করেছেন তা আপনি কেন স্মরণ করবেন তাও নয়! মন্তব্যগুলি আপনার অভিপ্রায়গুলি স্পষ্ট করে তুলতে পারে এবং কোনও ভুল বোঝাবুঝি মুছে ফেলতে পারে না।
CSS মন্তব্য সম্পর্কে বুঝতে একটি জিনিস হল যে ওয়েব ব্রাউজারে যখন পৃষ্ঠাটি উপস্থাপিত হয় তখন সেগুলি প্রদর্শন করা হয় না। যারা মন্তব্য শুধুমাত্র তথ্য, ঠিক যেমন এইচটিএমএল মন্তব্য (সিনট্যাক্স দুটি মধ্যে আলাদা হয়)। এই সিএসএস মন্তব্য কোনও জায়গায় ভিজুয়াল ডিসপ্লেকে প্রভাবিত করে না এবং কোড নিজেই কেবল উপস্থিত হয়।
সিএসএস মন্তব্য যোগ করা
একটি CSS মন্তব্য যুক্ত করা বেশ সহজ। আপনি সঠিক খোলার এবং বন্ধ মন্তব্য ট্যাগ সঙ্গে আপনার মন্তব্য bookend:
- যোগ করে আপনার মন্তব্যটি শুরু করুন / *
- যোগ করে আপনার মন্তব্য বন্ধ করুন * /
এই দুটি ট্যাগের মধ্যে যে কিছু দেখা যায় তা মন্তব্যের বিষয়বস্তু হবে, শুধুমাত্র কোডের মধ্যে দৃশ্যমান এবং ব্রাউজার দ্বারা উপস্থাপিত হবে না।
একটি CSS মন্তব্য একটি লাইন হতে পারে, অথবা এটি একাধিক লাইন নিতে পারে। এখানে একটি লাইন উদাহরণ:
div # border_red {সীমানা: পাতলা কঠিন লাল; } / * লাল সীমানা উদাহরণ * /এবং একটি multiline উদাহরণ:
/ ************* *********************************************************************** ****** কোড টেক্সট জন্য স্টাইল ********************** ********************* *************** /ব্রেকিং আউট বিভাগ
প্রায়ই আমি CSS মন্তব্য ব্যবহার করে একটি উপায় ছোট, আরও সহজে disgetible অংশে আমার শৈলী শীট সংগঠিত হয়। আমি পরে এই ফাইলটি অনুভব যখন আমি এই বিভাগ সহজে দেখতে সক্ষম হতে চাই। এটি করার জন্য, প্রায়ই তাদের মধ্যে প্রচুর হাইফেনের সাথে মন্তব্য যোগ করা হয় যাতে তারা পৃষ্ঠায় বড়, সুস্পষ্ট বিরতি প্রদান করে যা আমি সহজেই কোডটি স্ক্রোল করে দেখতে দেখতে পারি। এখানে একটি উদাহরণ:
/ * ----------------------- হেডার শৈলী ----------------------- ------- * /যখন আমি আমার কোডে এই মন্তব্যগুলি দেখতে পাই, তখন আমি জানি যে এটি একটি নথির নতুন বিভাগের শুরু, যা আমাকে আরও সহজে প্রক্রিয়া এবং কোডটি ব্যবহার করতে দেয়।
& # 34; মন্তব্য করা & # 34; কোড
মন্তব্য ট্যাগ কোডিং এবং একটি পৃষ্ঠা ডিবাগিং প্রকৃত প্রক্রিয়াতেও দরকারী হতে পারে। মন্তব্যগুলি "মন্তব্য করা" বা "বন্ধ করা" অঞ্চলে ব্যবহার করা যেতে পারে যদি সেটি পৃষ্ঠাটির একটি অংশ না হয় তবে কী হবে তা দেখার জন্য।
তাহলে এটা কিভাবে কাজ করে? ভাল, কারণ মন্তব্য ট্যাগ ব্রাউজারকে তাদের মধ্যে সবকিছু উপেক্ষা করার জন্য বলে, আপনি তাদের CSS কোডের কিছু অংশ অস্থায়ীভাবে অক্ষম করতে ব্যবহার করতে পারেন। ডিবাগিংয়ের সময় বা ওয়েব পৃষ্ঠার ফর্ম্যাটিংকে সামঞ্জস্য করার সময় এটি সহজ হতে পারে।
এটি করার জন্য, আপনি সহজেই খালি মন্তব্য ট্যাগ যোগ করবেন যেখানে আপনি কোডটি অক্ষম করতে শুরু করতে চান এবং তারপর যে শেষ ট্যাগটি স্থাপন করুন যেখানে আপনি অক্ষম অংশ শেষ করতে চান এই ট্যাগগুলির মধ্যে থাকা সবগুলি কোনও সাইটের ভিজ্যুয়াল প্রদর্শনকে প্রভাবিত করবে না, যেখানে কোন সমস্যাটি ঘটতে পারে তা দেখতে আপনি CSS কে ডিবাব করতে পারবেন। আপনি তারপর যান এবং ঠিক যে সমস্যা সমাধানের জন্য এবং কোড থেকে মন্তব্য মুছে ফেলতে পারেন।
সিএসএস টিপস টিপস
একটি সংক্ষিপ্তবৃত্তি হিসাবে, এখানে আপনার CSS এ মন্তব্য ব্যবহার করার জন্য মনে কিছু টিপস:
- মন্তব্য একাধিক লাইন span করতে পারেন।
- মন্তব্যগুলি এমন একটি CSS উপাদানগুলি অন্তর্ভুক্ত করতে পারে যা আপনি একটি ব্রাউজার দ্বারা উপস্থাপিত করতে চান না, তবে সম্পূর্ণভাবে মুছতে চান না এটি একটি ওয়েবসাইট এর স্টাইল শীট ডিবাগ করার একটি চমৎকার উপায় - আপনি ওয়েবসাইটের উপর তাদের প্রয়োজন হয় না যদি সিদ্ধান্ত নিতে হলে শুধুমাত্র (তারা তাদের মন্তব্য ছেড়ে চলে যাওয়ার বিরোধিতা) অব্যবহৃত শৈলী অপসারণ নিশ্চিত করা
- মন্তব্যগুলি ব্যবহার করুন যখনই আপনি জটিল সিএসএস লেখার জন্য স্পষ্টীকরণ যোগ করবেন এবং ভবিষ্যতে ডেভেলপারদের জানাবেন, অথবা ভবিষ্যতে আপনার সম্পর্কে গুরুত্বপূর্ণ বিষয়গুলি সম্পর্কে জানা উচিত। এটি সব জড়িত জন্য ভবিষ্যতে উন্নয়ন সময় সংরক্ষণ করবে।
- মন্তব্যগুলি যেমন মেটা তথ্য অন্তর্ভুক্ত করতে পারে:
- লেখক
- তারিখ তৈরী
- কপিরাইট তথ্য
কর্মক্ষমতা
মন্তব্যগুলি অবশ্যই সহায়ক হতে পারে, তবে সচেতন থাকুন যে আপনি স্টাইল শীটে আরো মন্তব্য যোগ করবেন, এটি হ্রাসপ্রাপ্ত হবে, যা একটি সাইটের ডাউনলোড গতি এবং কার্যকারিতাকে প্রভাবিত করবে। এটি একটি সত্যিকারের উদ্বেগের বিষয়, কিন্তু আপনার ভয়ের জন্য সহায়ক এবং বৈধ মন্তব্য যোগ করতে দ্বিধা করা উচিত নয় যে কর্মক্ষমতা ভোগ করবে। CSS এর লাইন একটি নথিতে উল্লেখযোগ্য আকার যোগ করে না। আপনি সিএসএস ফাইলের আকারের উপর উল্লেখযোগ্য প্রভাব ফেলতে মন্তব্যগুলির লাইনগুলির টন যোগ করতে হবে। আপনার CSS তে কয়েকটি দরকারী মন্তব্য যোগ করা আপনাকে পৃষ্ঠা গতিতে নেট নেতিবাচক প্রভাব দিতে হবে না।
শেষে, আপনার CSS নথিতে উভয় সুবিধা উপভোগের জন্য সহায়ক মন্তব্য এবং অনেকগুলি মন্তব্যের মধ্যে আপনি ব্যালেন্সটি খুঁজে পেতে চান।
জনিফার ক্রাইনিনের মূল রচনা 7/5/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত