html - tag - এইচটিএমএল pdf




সিএসএস কন্টেন্ট ব্যবহার করে এইচটিএমএল সত্তা যোগ করা (6)

কিভাবে আপনি এইচটিএমএল সত্তা যোগ করার জন্য সিএসএস content সম্পত্তি ব্যবহার করবেন?

এই মত কিছু ব্যবহার শুধু প্রিন্ট   অ-বিরতির স্থান পরিবর্তে স্ক্রিনে:

.breadcrumbs a:before {
    content: ' ';
}

CSS এ আপনাকে HTML ইউনিটগুলির পরিবর্তে একটি ইউনিকোড পাল্টা ক্রম ব্যবহার করতে হবে। এটি একটি চরিত্রের হেক্সাডেসিমাল মানের উপর ভিত্তি করে।

আমি দেখলাম যে প্রতীককে তাদের হেক্সাডেসিমাল সমতুল্য রূপে রূপান্তরিত করার সবচেয়ে সহজ উপায়, যেমন ▾ ( ▾ ) থেকে \25BE থেকে মাইক্রোসফ্ট ক্যালকুলেটর ব্যবহার করা হয় =)

হ্যাঁ। প্রোগ্রামার মোড সক্রিয় করুন, দশমিক সিস্টেমটি চালু করুন, 9662 এন্টার করুন, তারপরে 25BE স্যুইচ করুন এবং আপনি 25BE । তারপর শুধু শুরুতে একটি ব্যাকস্ল্যাশ যোগ করুন।



উদাহরণ স্বরূপ :

http://character-code.com/arrows-html-codes.php

উদাহরণ: আপনি যদি আপনার চরিত্রটি নির্বাচন করতে চান তবে আমি "& # 8620" "# x21ac" নির্বাচন করেছি (আমরা HEX মান ব্যবহার করি)

.breadcrumbs a:before {
    content: '\0021ac';
}

ফলাফল: ↬

এটাই :)


একটি অ ভাঙা স্থান জন্য হেক্স কোড ব্যবহার করুন। এটার মতো কিছু:

.breadcrumbs a:before {
    content: '>\00a0';
}

সিএসএস এইচটিএমএল নয়।   এইচটিএমএল একটি নাম চরিত্র রেফারেন্স হয়; দশমিক সংখ্যার অক্ষর রেফারেন্স সমান   । 160 Unicode NO-BREAK SPACE চরিত্রের দশমিক কোড পয়েন্ট (বা UCS-2 ; HTML 4.01 স্পেসিফিকেশন দেখুন )। কোড কোডের হেক্সাডেসিমাল উপস্থাপনা U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 )। আপনি ইউনিকোড কোড চার্ট এবং ক্যারেক্টার ডাটাবেস খুঁজে পাবেন

CSS এ আপনাকে এমন অক্ষরগুলির জন্য একটি ইউনিকোড অব্যবহার ক্রম ব্যবহার করতে হবে, যা অক্ষরের কোড পয়েন্টের হেক্সাডেসিমাল মানের উপর ভিত্তি করে। তাই আপনি লিখতে হবে

.breadcrumbs a:before {
  content: '\a0';
}

যতদিন অব্যাহতি ক্রম একটি স্ট্রিং মান শেষ আসে এই কাজ করে। অক্ষর অনুসরণ করলে, ভুল ব্যাখ্যা এড়ানোর দুটি উপায় রয়েছে:

একটি) (অন্যদের দ্বারা উল্লিখিত) এস্কেপ ক্রম জন্য ঠিক ছয় হেক্সাডেসিমেল সংখ্যা ব্যবহার করুন:

.breadcrumbs a:before {
  content: '\0000a0foo';
}

বো) পাল্টা ক্রম পরে একটি সাদা-স্থান (যেমন, স্থান) চরিত্র যোগ করুন:

.breadcrumbs a:before {
  content: '\a0 foo';
}

(যেহেতু f একটি হেক্সাডেসিমিলিক ডিজিট, যেহেতু এটি অন্যথায় GURMUKHI LETTER EE অর্থাত্, অথবা এ যদি আপনার উপযুক্ত ফন্ট থাকে।)

সীমিত হোয়াইট-স্পেস উপেক্ষা করা হবে, এবং এটি foo প্রদর্শিত হবে, যেখানে এখানে প্রদর্শিত স্থানটি হবে NO-BREAK SPACE চরিত্র।

হোয়াইট-স্পেস পদ্ধতির ( '\a0 foo' ) ছয়-ডিজিটের পদ্ধতিতে ( '\0000a0foo' ) নিম্নলিখিত সুবিধাগুলি রয়েছে:

  • এটি টাইপ করা সহজ , কারণ নেতৃস্থানীয় শূণ্যগুলি প্রয়োজনীয় নয়, এবং সংখ্যাগুলিকে গণনা করার প্রয়োজন নেই;
  • এটি সহজে পড়তে সহজ , কারণ পাল্টা ক্রম এবং নিম্নোক্ত পাঠ্যের মধ্যে সাদা স্থান রয়েছে, এবং সংখ্যাগুলি গণনা করার প্রয়োজন নেই;
  • এটি কম স্থান প্রয়োজন , কারণ নেতৃস্থানীয় শূন্য প্রয়োজন হয় না;
  • এটি ঊর্ধ্বে-সামঞ্জস্যপূর্ণ , কারণ ভবিষ্যতে ইউনিকোড সাপোর্টিং কোড পয়েন্ট U + 10FFFF অতিক্রম করে CSS সিডি স্পেসিফিকেশনটির একটি পরিবর্তনের প্রয়োজন হবে।

সুতরাং, একটি পালানো অক্ষর পরে একটি স্থান প্রদর্শন করতে, স্টাইলশীট মধ্যে দুটি স্পেস ব্যবহার করুন -

.breadcrumbs a:before {
  content: '\a0  foo';
}

- অথবা এটা সুস্পষ্ট করা:

.breadcrumbs a:before {
  content: '\a0\20 foo';
}

বিস্তারিত জানার জন্য সিএসএস 2.1, বিভাগ "4.1.3 অক্ষর এবং কেস" দেখুন।


আপডেট : PointedEars উল্লেখ করে যে জন্য সঠিক স্ট্যান্ড   সব CSS পরিস্থিতিতে হবে
'\a0 ' অর্থ '\a0 ' হেক্স স্ট্রিংয়ের টার্মিনাইট এবং পালানো ক্রম দ্বারা শোষিত। তিনি আরও বর্ণনা করেছেন যে এই আধিকারিক বর্ণনাটি যা আমি বর্ণিত সমস্যার একটি ভাল সমাধান হিসাবে শোনা এবং নীচে নিযুক্ত।

আপনি কি পালানো ইউনিকোড ব্যবহার করতে হবে। আপনি যা বলেছেন তা সত্ত্বেও \00a0 একটি নিখুঁত স্ট্যান্ড-ইন নয়   সিএসএসের মধ্যে; তাই চেষ্টা করুন:

content:'>\a0 ';          /* or */
content:'>\0000a0';       /* because you'll find: */
content:'No\a0 Break';    /* and */
content:'No\0000a0Break'; /* becomes No Break as opposed to below */

বিশেষভাবে \0000a0 ব্যবহার করে   । যদি আপনি চেষ্টা করেন, যেমন ম্যাথিউ এবং মিলিকিন দ্বারা প্রস্তাবিত:

content:'No\00a0Break'   /* becomes No਋reak */

এটা হেক্স escaped অক্ষর মধ্যে বি লাগে। একই 0-9A-FA-F সঙ্গে ঘটে।





css-content