Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল এনটিটি - HTML Entity


কিছু চিহ্ন আছে যেগুলো এইচটিএমএল কোডের মাঝে সরাসরি লেখা যায় না, যেমন - &,<,> ইত্যাদি। আবার কত গুলো চিহ্ন আছে যেগুলো কী-বোর্ড দিয়ে লেখা যায় না, যেমন - §,¥ ইত্যাদি। এগুলো কে character entities বলা হয়।

এইচটিএমএলে কিছু ক্যারেকটার বা অক্ষর আছে যেগুলো সংরক্ষিত। কিছু ক্যারেকটার, যেমন - < অর্থাৎ ক্ষুদ্রতর বা less then এবং > অর্থাৎ বৃহত্তর বা greater then চিহ্ন কে আপনি এইচটিএমএল টেক্সটের মাঝে লিখতে পারবেন না, ব্রাউজার এগুলোকে এইচটিএমএল ট্যাগের সাথে মিলিয়ে ফেলবে।

এ ধরণের সংরক্ষিত ক্যারাকটারগুলো অবশ্যই character entities এর মাধ্যমে লিখতে হয়।


character entities লেখার নিয়ম

এইচটিএমএলে ২ ভাবে character entities লেখা যায়। যথা -
১) entities নাম ব্যাবহার করে,
এবং ২) entities নাম্বার ব্যাবহার করে।

entitie নাম ব্যবহার করে entities লেখার নিয়ম নিচে দেখুন -

সিনট্যাক্স

&entity_name;
 

নীচে এর একটি উদাহরন দেখুন -

উদাহরণ


&pound;

কোড এডিটর


entitie সংখ্যা ব্যবহার করে entities লেখার নিয়ম নিচে দেখুন -

সিনট্যাক্স

&#entity_number
 

নীচে entity সংখ্যা ব্যাবহার করে একটি উদাহরন দেখুন -

উদাহরণ


&#163;

কোড এডিটর


এনটিটি নাম বাবহারের সুবিধা হল এনটিটি নামগুলো মনে রাখা সহজ, এর অসুবিধা হল অনেক ব্রাউজার সকল এনটিটি নাম সমর্থন বা support করে না। কিন্তু এনটিটি সংখ্যা বা number সমর্থন করে।


নন-ব্রেকিং স্পেস ( &nbsp; )

এইচটিএমএল কোডে একাধিক স্পেস, কারেজ রিটার্ন, ট্যাব, ইত্যাদি পরিবর্তিত হয়ে শুধুমাত্র একটি স্পেস সৃষ্টি করে। আপনি code এ যতগুলোই স্পেস দিন না কেন আউটপুট এ মাত্র একটি স্পেসই পাবেন।

উদাহরণ


<body>
<p> This     is a     paragraph. </p>
</body>

কোড এডিটর


তাই আপনি যদি কোন text এর মাঝে অতিরিক্ত স্পেস তৈরি করতে চান তবে আপনাকে &nbsp; শব্দ টি ব্যবহার করতে হবে। আপনি যতগুলো স্পেস চান আপনাকে ততগুলো &nbsp; ব্যবহার করতে হবে।

উদাহরণ


<body>
<p> This &nbsp &nbsp is a &nbsp &nbsp paragraph. </p>
</body>

কোড এডিটর


নন-ব্রেকিং স্পেসের আরেকটি সাধারণ ব্যবহার হল এইচটিএমএল পেজে স্প্রিংস কেটে ফেলা থেকে ব্রাউজারগুলিকে প্রতিরোধ করা।

নন-ব্রেকিং হাইফেন(‑) এর জন্য &#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 চিহ্ন একটি "glyph" একটি বর্ণ যোগ করে। কিছু diacritical চিহ্ন যেমন - grave (  ̀) এবং acute (  ́) বলা হয় অ্যালেন্টস।

diacritical চিহ্ন গুলি alphanumeric ক্যারেক্টারের সাথে সংমিশ্রণ করে যে সকল ক্যারেক্টার সেট (এনকোডিং) এ নেই,সেগুলো ওয়েব পেজে তৈরি করা যায়।

নিচে কিছু উদাহরন দেখুন।

  চিহ্ন     ক্যারেক্টার     কোড     ফলাফল  
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

এই টিউটোরিয়াল এর পরবর্তী অধ্যায়ে আরও প্রতিক বা symbol সম্পর্কে জানতে পাবেন।

এইচটিএমএল খুব বহুল বাবহ্রিত ও প্রয়োজনীয় কিছু ইনটিটি সম্পর্কে জানতে W3C এর Common HTML entities used for typography ওয়েব পেজটি ব্রাউজ করুন।