X

X

X

HTML Entities (HTML রিজার্ভ কিওয়ার্ড


HTML এ Reserved character সমূহকে অবশ্যই character entity দিয়ে উপস্থাপণ করতে হবে। কিবোর্ডে যে Character সমূহ নাই সেগুলোও HTML entity দিয়ে উপস্থাপণ করা যায়।


HTML Entity

HTML এ কিছু কিছু ওয়ার্ড রিজার্ভ রয়েছে। রিজার্ভ ওয়ার্ড বলতে বোঝায় সেইসব ওয়ার্ডকে যেগুলোকে HTML তার নিজের প্রয়োজনে ব্যবহার করে।

যদি আপনি less than (<) অথবা greater than (>) চিহ্ন কোনো ওয়ার্ড-এর আগে ও পরে ব্যবহার করেন তবে ব্রাউজার সেটিকে HTML ট্যাগ হিসেবে বিবেচনা করবে এবং সেক্ষেত্রে অনাকাঙ্খিত ফলাফল প্রদর্শিত হতে পারে। Character Entity সমূহ HTML এর রিজার্ভ কিওয়ার্ড প্রদর্শণ করার জন্য ব্যবহৃত হয়।

ক্যারেক্টার এনটিটি দেখতে নিচের মতো:

&entity_name;OR
&#entity_number;

less than sign (<) লিখার জন্য আমাদের অবশ্যই  &lt; অথবা &#60; লিখতে হবে।

এনটিটি নাম ব্যবহার করার সুবিধা: মনে রাখা সহজ।
এনটিটি নাম ব্যবহার করার অসুবিধা: ব্রাউজারসমূহ সব নাম সাপোর্ট নাও করতে পারে, কিন্তু প্রায় সব এনটিটি সংখ্যা করবে।

Non-breaking Space (nbsp বা একটি স্পেস)

কন্টন্টে উপস্থাপণের সময় কোনো কোনো ক্ষেত্রে একাধিক স্পেস ব্যবহার করার প্রয়োজন হতে পারে। HTML এ যদি একাধিক স্পেস ব্যবহার করেন, তবে ব্রাউজারে শুধুমাত্র একটিই উপস্থাপিত হবে। এক্ষেত্রে &nbsp; এনটিটি ব্যবহার করে ইচ্ছেমত স্পেস উপস্থাপণ করা যায়। যতগুলো স্পেস দরকার ততগুলো &nbsp; এনটিটি ব্যবহার করতে হবে।

পাশাপাশি দুটি শব্দ যদি non-breaking space দিয়ে পৃথক করা থকে তবে তারা সাধারণত একই লাইনে উপস্থাপিত হবে যতক্ষণ না লাইনের প্রস্থ ব্রাউজার দ্বারা কমে না যায়। কিন্তু যদি সাধারণ স্পেস ব্যবহার করেন তবে শব্দদুটো দুটি পৃথক লাইন ভেঙে যেতেও পারে।

উদাহরণ:

  • § 10
  • 10 km/h
  • 10 PM
non-breaking hyphen (&#8209;) এনটিটি ব্রাউজারে (‑) চিহ্ন উপস্থাপণ করে। এটি ব্যবহার করলে দুটি শব্দ কখনই পৃথক হবে না।

নিচে কিছু প্রয়োজনীয় এনটিটি উপস্থাপণ করা হলো

আউটপুট বর্ণনা এনটিটি নাম এনটিটি সংখ্যা
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
double quotation mark &quot; &#34;
single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
মনে রাখবেন: এনটিটি নামগুলো কেস সেনসিটিভ। অর্থাৎ, ছোটো হাতের এবং বড় হাতের অক্ষর এনটিটির ক্ষেত্রে একই অর্থ বহন করে না।

বৈশিষ্ট্যসূচক (diacritical) চিহ্নের সমন্বয়

Diacritical চিহ্ন বলতে বোঝায় মূল অক্ষরের উপর ছোট আকারের কোনো চিহ্নকে, অক্ষর এবং এই বিশেষ চিহ্ন একসাথে মিলে নতুন একটি অক্ষর গঠন করে। এই চিহ্নগুলো অক্ষরের উপরে বা নিচে যেকোনো জায়গায় বসতে পারে। ডানে , বামেও বসতে পারে।

উদাহরণ হিসেবে বাংলা যেমন, রেফ, চন্দ্রবিন্দু এগুলো অক্ষরের উপরে বসে। আবার র-ফলা, ব-ফলা, উ-কার, ঊ-কার নিচে বসে। এগুলো বাংলাভাষার Diacritical Letter বা চিহ্ন ।

আমাদের কিবোর্ডে কিন্তু একই সাথে Diacritical চিহ্ন বিশিষ্ট কোনো অক্ষর নাই। HTML এ এগুলো তৈরি করার জন্য নিচের পদ্ধতি অনুসরণ করতে হবে। প্রথমে মূল অক্ষরটি লিখতে হবে। এরপর তার পাশেই প্রয়োজনীয় চিহ্নের এনটিটি লিখতে হবে।

নিচে কিছু উদাহরণ দেওয়া হলো:

চিহ্ন অক্ষর গঠন পদ্ধতি ফলাফল বা আউটপুট
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

HTML symbol সম্পর্কে বিস্তারিত পরবর্তী অধ্যায়ে জানতে পারবেন।