আমার স্টাইলশিটগুলিতে নিচের কোনটি ব্যবহার করা উচিত?
/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');ডাব্লু 3 সি সঠিক উপায় হিসাবে কী নির্দিষ্ট করে ?
উত্তর:
ডাব্লু 3 সি বলেছেন উদ্ধৃতিগুলি alচ্ছিক, আপনার তিনটি উপায়ই বৈধ।
খোলার এবং সমাপনী উদ্ধৃতিতে একই চরিত্রটি থাকা দরকার।
আপনার ইউআরএলটিতে যদি বিশেষ অক্ষর থাকে তবে আপনার উদ্ধৃতি ব্যবহার করা উচিত বা অক্ষরগুলি এড়ানো উচিত (নীচে দেখুন)।
সিনট্যাক্স এবং বেসিক ডেটা ধরণের
একটি ইউআরআই মানের বিন্যাস হ'ল ইউআরএল ('পরে whiteচ্ছিক সাদা স্থানের পরে একটি alচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি (") অক্ষর এবং তারপরে ইউআরআই নিজেই পরে anচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি হয় (") অক্ষর এর পরে )চ্ছিক সাদা স্থান অনুসরণ করবে ')'। দুটি উদ্ধৃতি অক্ষর অবশ্যই একই হতে হবে।
বিশেষ অক্ষরগুলি ছেড়ে যাওয়া:
কোনও অক্ষরযুক্ত ইউআরআই-তে উপস্থিত হওয়া কিছু অক্ষর, যেমন বন্ধনী, সাদা স্থানের অক্ষর, একক উদ্ধৃতি (') এবং ডাবল উদ্ধৃতি ("), অবশ্যই ব্যাকস্ল্যাশ দিয়ে পালাতে হবে যাতে ফলস্বরূপ ইউআরআই মান একটি ইউআরআই টোকেন:' \ (', '\)'।
url-tokenরেলপথ স্কিমা পরীক্ষা করুন ) যখন বর্তমান প্রার্থীর সুপারিশ (ফেব্রুয়ারী 2014) করেছে: w3.org/TR / css-syax-3 আমি মনে করি তারা উদ্ধৃতিগুলির পরিবর্তে অব্যাহতি ক্রমের ব্যবহার প্রচার করতে চায়
আরও ভাল ব্যবহারের উদ্ধৃতি কারণ এটি সর্বশেষতম স্ট্যান্ডার্ড দ্বারা প্রস্তাবিত এবং এর চেয়ে কম প্রান্তের কেস রয়েছে।
সিএসএস মানসমূহ এবং মডিউল স্তর 3 (18 ডিসেম্বর 2015) এর নবীনতম সম্পাদকের খসড়া অনুযায়ী
একটি ইউআরএল হ'ল সংস্থানগুলির জন্য একটি পয়েন্টার এবং এটি দ্বারা ব্যবহৃত একটি কার্যকরী স্বরলিপি
<url>। এর সিনট্যাক্সটি<url>হ'ল:
<url> = url( <string> <url-modifier>* )
অচিহ্নিত সংস্করণটি কেবলমাত্র উত্তরাধিকারগত কারণে এবং বিশেষ পার্সিং বিধিগুলির প্রয়োজন (পালানোর ক্রম ইত্যাদির জন্য), এটি জটিল হয়ে ওঠে এবং ইউআরএল-সংশোধককে সমর্থন করে না।
এর অর্থ, url(...)সিনট্যাক্সটি একটি কার্যকরী স্বরলিপি বলে মনে করা হয়, যা পরামিতি হিসাবে একটি স্ট্রিং এবং url-modifier নেয়। উদ্ধৃতি স্বরলিপি ব্যবহার করুন (যা একটি স্ট্রিং টোকেন উত্পাদন করে) আরও মানসম্পন্ন হবে এবং কম জটিলতার পরিচয় দেবে।
শীর্ষের উত্তরে সাইমনমিউরিয়ার মন্তব্যটি ভুল, কারণ তিনি ভুল ধারণাটি খুঁজেছিলেন। url-tokenটাইপ শুধুমাত্র উত্তরাধিকার বিশেষ পার্সিং নিয়ম চালু করা হয়েছে যাতে এর কেন এটা কোট সাথে কিছু নেই।
এখানে ডাব্লু 3 সিএসএস 2.1 স্পেসিফিকেশন যা বলেছে:
একটি ইউআরআই মানের বিন্যাস হ'ল ইউআরএল ('পরে whiteচ্ছিক সাদা স্থানের পরে একটি alচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি (") অক্ষর এবং তারপরে ইউআরআই নিজেই পরে anচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি হয় (") অক্ষর এর পরে )চ্ছিক সাদা স্থান অনুসরণ করবে ')'। দুটি উদ্ধৃতি অক্ষর অবশ্যই একই হতে হবে।
সুতরাং আপনার প্রস্তাবিত 3 টি উদাহরণের সবই সঠিক, তবে আমি যেটি বেছে নেব তা হ'ল প্রথমটি কারণ আপনি কম অক্ষর ব্যবহার করেন এবং ফলস্বরূপ সিএসএস ফাইলটি ছোট হবে, ফলে ব্যান্ডউইথের ব্যবহার কম হবে।
এটির মতো গুরুত্বপূর্ণ মনে হতে পারে না তবে উচ্চ ট্র্যাফিক ওয়েবসাইটগুলি ব্যান্ডউইথ এবং প্রচুর CSS ফাইলের চেয়ে বেশি সংরক্ষণ করতে পছন্দ করে এবং সেগুলির মধ্যে ইউআরএল রেফারেন্সগুলি ফাইলটিকে আরও ছোট করে তোলে এমন বিকল্পটি বেছে নেওয়াই বুদ্ধিমান হয় ... এমনকি কোনও সুবিধা নেই বলেও না করে ।
দ্রষ্টব্য: ইউআরএলগুলিতে প্রথম বন্ধনী, কমা, সাদা স্থানের অক্ষর, একক উদ্ধৃতি বা ডাবল উদ্ধৃতি থাকলে আপনার অক্ষরগুলি থেকে বাঁচতে হতে পারে। এটি ইউআরএলকে কেবলমাত্র উদ্ধৃতি ব্যবহারের চেয়ে দীর্ঘতর করতে পারে (যার জন্য কম পালানোর প্রয়োজন)। অতএব আপনি যখন সিএসএস ফাইলটি কোনও কোট ছাড়াই url সহ পরিবেশন করতে পারেন তখনই যখন পলায়নের ওভারহেড কেবলমাত্র উদ্ধৃতি ব্যবহারের চেয়ে url দীর্ঘায়িত করে না (যা খুব বিরল)।
তবে আমি প্রত্যাশা করব না যে কোনও মানুষ এই প্রান্তের কেসগুলিও বিবেচনা করবেন ... একটি সিএসএস অপ্টিমাইজার আপনার জন্য এটি পরিচালনা করবে ... (তবে আপনি যদি সত্যই সিএসএস অপ্টিমাইজার লিখছেন তবে এগুলি সম্পর্কে আপনার জানা দরকার: পি)
তিনটি উপায় ডাব্লু 3 সি অনুসারে আইনী। আপনার নামে (অক্ষর হিসাবে) বিশেষ অক্ষর থাকলে আপনার দ্বিতীয় বা তৃতীয়টি ব্যবহার করা উচিত।
2 বা 3 উদাহরণ সেরা:
ডাব্লু 3 সি থেকে: ইউআরআই মানের ফর্ম্যাটটি হ'ল ইউআরএল ('optionচ্ছিক সাদা স্থানের পরে একটি singleচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি (") অক্ষরের পরে ইউআরআই নিজেই আসে, তার পরে একটি anচ্ছিক একক উদ্ধৃতি (') বা ডাবল উদ্ধৃতি (") অক্ষর এর পরে whiteচ্ছিক সাদা স্থান অনুসরণ করবে ')'। দুটি উদ্ধৃতি অক্ষর অবশ্যই একই হতে হবে।
একই ব্যাখ্যা থেকে নোট করুন, উপযুক্ত অক্ষরগুলি এড়ানো গেলে উদাহরণ 1 গ্রহণযোগ্য characters
আমার ছিল:
a.pic{
background-image: url(images/img (1).jpg);
}ফাইল নাম বন্ধ বন্ধনীটি নিয়ম ভঙ্গ করছে তা বুঝতে আমার কিছুটা সময় লেগেছে।
সুতরাং এটি বাধ্যতামূলক নয় তবে, পুরানো ব্রাউজারগুলি দ্বারা উদ্ধৃতিটি এতটা ভালভাবে বোঝা না গেলেও এটি মোটামুটি জটিল গতিশীলভাবে উত্পন্ন পৃষ্ঠাগুলিতে আপনাকে কিছুটা মাথা ব্যথা বাঁচাতে পারে।
গুগল সিএসএস কোডিং স্টাইল অনুসারে
ইউআরআই মানগুলিতে (url ()) উদ্ধৃতি চিহ্ন ব্যবহার করবেন না।
ব্যতিক্রম: আপনার যদি @ চ্যারসেট বিধিটি ব্যবহার করার প্রয়োজন হয় তবে ডাবল উদ্ধৃতি চিহ্ন ব্যবহার করুন — একক উদ্ধৃতি চিহ্নের অনুমতি নেই।