html - codes - আমি কি বিদ্যমান সিএসএস ক্লাস ব্যবহার করতে পারি?



css w3c-validation (9)

"সিএসএস ক্লাস" একটি ভুল নামক; class একটি বৈশিষ্ট্য (বা একটি সম্পত্তি, স্ক্রিপ্টিং শর্তাবলী) যা আপনি HTML উপাদানগুলিতে বরাদ্দ করেন। অন্য কথায়, আপনি এইচটিএমএলগুলিতে ক্লাসগুলি ঘোষণা করেন না, সিএসএস নয়, তাই আপনার ক্ষেত্রে "লক্ষ্য" শ্রেণী আসলেই সেই নির্দিষ্ট উপাদানের উপর বিদ্যমান থাকে এবং আপনার মার্কআপটি পুরোপুরি বৈধ।

এটি অবশ্যই প্রয়োজনীয় নয় যে HTML এ আপনি এটিতে CSS ব্যবহার করতে পারেন এমন একটি শ্রেণির ক্লাস ঘোষণা করতে হবে। Ruakh এর মন্তব্য দেখুন। কোন নির্বাচক বৈধ কিনা তা নির্বাচনকারী সিনট্যাক্সের উপর নির্ভর করে না , এবং CSS এর নিজস্ব প্যারামিটার ত্রুটি পরিচালনার জন্য নিজস্ব নিয়ম রয়েছে , যার মধ্যে কোনটিই মার্কআপকেই সবার জন্য উদ্বিগ্ন করে না। মূলত, এইচটিএমএল এবং সিএসএস বৈধতা দৃষ্টিভঙ্গি একে অপরের থেকে সম্পূর্ণরূপে স্বাধীন মানে। 1

একবার আপনি এটি বুঝেন, এটি স্পষ্ট হয়ে যায় যে আপনার স্টাইলশীটে একটি। .target নির্ধারণ না করার কোন পার্শ্ব প্রতিক্রিয়া নেই। 2 আপনি যখন আপনার উপাদানের ক্লাসগুলিকে বরাদ্দ করেন, তখন আপনি সেই উপাদানগুলিকে স্টাইলশীট, বা একটি স্ক্রিপ্ট বা উভয় ক্ষেত্রেই সেই উপাদানগুলি উল্লেখ করতে পারেন। না অন্য একটি নির্ভরতা আছে। পরিবর্তে, তারা উভয় মার্কআপ পড়ুন (বা, আরো অবিকল, এটির DOM প্রতিনিধিত্ব)। আপনি যদি আপনার jQuery এক-মাছ ধরার নৌকাতে যাচ্ছেন তবে আপনি শৈলী প্রয়োগ করতে জাভাস্ক্রিপ্ট ব্যবহার করছেন তবেও এই নীতিটি প্রযোজ্য।

যখন আপনি একটি শ্রেণি নির্বাচকর সাথে একটি সিএসএস নিয়ম লেখেন, তখন আপনি যা বলছেন তা হল "আমি এই বর্গের উপাদানগুলিতে শৈলী প্রয়োগ করতে চাই।" একইভাবে, যখন আপনি একটি নির্দিষ্ট ক্লাসের নামের উপাদানগুলিকে পুনরুদ্ধার করতে একটি স্ক্রিপ্ট লিখেন, তখন আপনি বলছেন "আমি এই ক্লাসের উপাদানগুলির সাথে কিছু করতে চাই।" প্রশ্নের বর্গভুক্ত উপাদান যে উপাদান আছে কিনা তা সম্পূর্ণরূপে একটি পৃথক সমস্যা।

1 এছাড়াও কেন সিএসএস আইডি নির্বাচক প্রদত্ত আইডি দিয়ে সমস্ত উপাদানের সাথে মিলে যায়, আইডি ঠিক একবার প্রদর্শিত হবে নাকি একাধিক বার (যার ফলে একটি অননুমোদিত এইচটিএমএল ডকুমেন্ট)।

2 একমাত্র পরিস্থিতি যেখানে আমি একটি খালি সিএসএস রুলের বিষয়ে সচেতন তা হল যখন কিছু ব্রাউজার একটি বাগের ফলে সঠিকভাবে অন্য কোনও নিয়ম প্রয়োগ করতে অস্বীকার করে; একটি খালি নিয়ম তৈরি অন্য কোন কারণে কিছু কারণে প্রয়োগ করা হবে। যেমন একটি বাগ একটি উদাহরণ জন্য এই উত্তর দেখুন। তবে এটি সিএসএস পাশে এবং তাই মার্কআপের সাথে কিছু করার নেই।

https://ffff65535.com

আমার একটি টেবিল আছে যেখানে আমি jQuery দ্বারা একটি সম্পূর্ণ কলাম দেখান / লুকিয়ে রাখি যা CSS শ্রেণীর মাধ্যমে বিদ্যমান নেই:

<table>
   <thead>
      <tr>
         <th></th>
         <th class="target"></th>
         <th></th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td></td>
         <td class="target"></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td class="target"></td>
         <td></td>
      </tr>
   </tbody>
</table>

এই DOM দিয়ে আমি jQuery এর মাধ্যমে এক লাইনে এটি করতে পারি: $('.target').css('display','none');

এটি পুরোপুরি কাজ করে, তবে এটি কি সিএসএস ক্লাসগুলিকে সংজ্ঞায়িত করতে ব্যবহারযোগ্য নয়? আমি এটা জন্য একটি খালি বর্গ তৈরি করা উচিত?

<style>.target{}</style>

কোন পার্শ্ব প্রতিক্রিয়া আছে বা এই কাজ করার একটি ভাল উপায় আছে?


আপনার HTML এ ক্লাস যোগ করার সময় ক্লাসটি সংজ্ঞায়িত করা হবে, তাই আপনার সমাধান সম্পূর্ণ সূক্ষ্ম


আপনি একটি শৈলী যা কোন শৈলী ব্যবহার করতে পারেন, এই সম্পূর্ণরূপে বৈধ এইচটিএমএল।

সিএসএস ফাইলের রেফারেন্সকৃত একটি ক্লাস কোন শ্রেণীের সংজ্ঞা নয়, এটি স্টাইলিংয়ের উদ্দেশ্যে নির্বাচক নিয়ম হিসাবে ব্যবহৃত হয়।


আপনি এটি ব্যবহার না করেই CSS ক্লাস ব্যবহার করতে পারেন, তবে আমি সুপারিশ করি যে আপনি যদি কেবল জাভাস্ক্রিপ্ট / jQuery কোডের জন্য CSS ক্লাসগুলি যোগ করেন তবে js-YourClassName সাথে এটিকে উপসর্গ করুন যাতে ফ্রন্ট-এন্ড js-YourClassName এই ক্লাসগুলিকে উপাদানগুলি শৈলীতে ব্যবহার না করে। তারা বুঝতে হবে যে এই ক্লাস যে কোনও সময়ে সরিয়ে ফেলা যেতে পারে।


এটি যদি কোনও এইচটিএমএল এলিমেন্টে ক্লাস প্রয়োগ করে তবে এটি কোনও প্রভাব ফেলবে না এবং সেই শ্রেণীটি সিএসএসে সংজ্ঞায়িত করা হয় না। এটি একটি সাধারণ অভ্যাস এবং আমির আফ্রিদির মতই বলা হয়েছে যে যদি আপনি কেবলমাত্র জেএসের জন্য ক্লাস ব্যবহার করেন, তবে এটি জেস-এর সাথে উপসর্গ করা একটি ভাল অনুশীলন।

এটি কেবল calsses জন্য বৈধ নয়, তবে HTML উপাদানের আইডি বৈশিষ্ট্যের জন্যও।


যখন আপনি জাভাস্ক্রিপ্টে একটি ক্লাসের নাম ব্যবহার করেন , তখন এটি সেই শ্রেণিটি খুঁজতে CSS এ দেখায় না । এটা সরাসরি এইচটিএমএল কোড দেখায়।

যা প্রয়োজন তা হল ক্লাসে থাকা নামটি এইচটিএমএল। এটা সিএসএস হতে হবে না।

আসলে, অনেক লোক মনে করে এটি philipwalton.com/articles/decoupling-html-css-and-javascript , কারণ এটি আপনার ডিজাইনার এবং কোডারদের একে অপরের ক্লাসগুলি ব্যবহার করে একে অপরকে পথ ছাড়াই স্বাধীনভাবে কাজ করতে দেয়।

(উল্লেখ্য, উপরের অনুচ্ছেদটি সম্ভবত বড় প্রকল্পগুলির জন্য আরো প্রযোজ্য, তাই আপনি যদি নিজের উপর কাজ করছেন তবে আপনাকে এই চরমের দিকে যেতে হবে বলে মনে হয় না; আমি এটি উল্লেখ করার জন্য উল্লেখ করেছি যে দুটি সম্পূর্ণরূপে পৃথক হতে পারে )


শুধু উপাদান জন্য অনুসন্ধান করতে ক্লাস ব্যবহার করে কোন সমস্যা নেই। আমি স্টাইলের জন্য ব্যবহৃত ক্লাস থেকে আলাদা করার জন্য যেমন ক্লাস নামগুলি sys-target prefix (উদাহরণস্বরূপ, আমি আপনার বর্গ sys-target নামকরণ করব) ব্যবহার করতাম। এটি একটি কনভেনশন ছিল অতীতে কিছু মাইক্রোসফ্ট ডেভেলপারদের দ্বারা ব্যবহৃত। আমি এই উদ্দেশ্যে js- উপসর্গ ব্যবহার করার ক্রমবর্ধমান অনুশীলন লক্ষ্য করেছি।

স্টাইলিং ব্যতীত অন্যান্য ক্লাসের জন্য ক্লাস ব্যবহার করার ক্ষেত্রে আপনি যদি আরামদায়ক না হন তবে আমি Role.js jQuery প্লাগইনটি ব্যবহার করার পরামর্শ Role.js যা আপনাকে role বৈশিষ্ট্যের সাহায্যে একই উদ্দেশ্য অর্জন করতে দেয়, তাই আপনি আপনার মার্কআপটি <td role="target"> হিসাবে লিখতে পারেন <td role="target"> এবং $("@target") ব্যবহার করে এটির জন্য অনুসন্ধান করুন। প্রকল্প পৃষ্ঠায় ভাল বিবরণ এবং উদাহরণ আছে। আমি বড় প্রকল্পগুলির জন্য এই প্লাগইনটি ব্যবহার করি কারণ আমি সত্যিই স্টাইলিং উদ্দেশ্যে ক্লাসগুলিকে পালন করতে পছন্দ করি।


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

তাদের "সিএসএস ক্লাস" হিসাবে মনে করবেন না। তাদের "ক্লাস" হিসাবে মনে করুন যা CSS এর প্রয়োজন হলে এটিও ব্যবহার করে।


HTML5 স্পেসিফিকেশন অনুযায়ী:

একটি শ্রেণির গুণমানের অবশ্যই একটি মান থাকতে হবে যা স্থান-বিচ্ছিন্ন টোকেনগুলির একটি সেট যা উপাদানটির বিভিন্ন শ্রেণীর প্রতিনিধিত্ব করে। ... টোকেন লেখক শ্রেণীর গুণাবলীতে কোনও অতিরিক্ত বিধিনিষেধ ব্যবহার করতে পারে না, তবে লেখকরা সামগ্রীগুলির ইচ্ছাকৃত উপস্থাপনা বর্ণনা করে এমন মানগুলির পরিবর্তে সামগ্রীগুলির প্রকৃতি বর্ণনা করে এমন মানগুলি ব্যবহার করার জন্য উত্সাহিত হয়।

এছাড়াও, সংস্করণ 4 :

ক্লাসের বৈশিষ্ট্যটিতে এইচটিএমএলগুলিতে বিভিন্ন ভূমিকা রয়েছে:

  • স্টাইল শীট নির্বাচক হিসাবে (যখন একজন লেখক উপাদানগুলির একটি সেটের স্টাইল তথ্য বরাদ্দ করতে চান)।
  • সাধারণ এজেন্ট ব্যবহারকারী এজেন্ট দ্বারা প্রক্রিয়াকরণ।

আপনার ব্যবহার ক্ষেত্রে দ্বিতীয় দৃশ্যকল্পের অধীনে পড়ে, যা এটি একটি শ্রেণিবদ্ধ বৈশিষ্ট্য ব্যবহার করার একটি বৈধ উদাহরণ তৈরি করে।





web-standards