Html Attributes in Bengali | HTML Attribute সম্পর্কে আলোচনা করো?

HTML ATTRIBUTES

HTML এ, "কোর অ্যাট্রিবিউটস" বলতে বোঝায় গ্লোবাল অ্যাট্রিবিউটের একটি সেট যা প্রায় যেকোনো HTML এলিমেন্টে ব্যবহার করা যেতে পারে। এই বৈশিষ্ট্যগুলি মৌলিক কার্যকারিতা প্রদান করে এবং মেটাডেটা যোগ করতে, সম্পর্ক নির্দিষ্ট করতে এবং HTML উপাদানগুলির জন্য উপস্থাপনা এবং আচরণ সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে। এখানে মূল বৈশিষ্ট্যগুলির কিছু উদাহরণ রয়েছে:


Core Attributes:-

Id: একটি উপাদানের জন্য একটি অনন্য শনাক্তকারী নির্দিষ্ট করে, যা JavaScript বা CSS-এ উপাদান উল্লেখ করতে ব্যবহার করা যেতে পারে।

<div id="my-element">This is a div element with an ID</div>

Class: একটি উপাদানের জন্য এক বা একাধিক CSS ক্লাসের নাম নির্দিষ্ট করে, এটিকে CSS দিয়ে স্টাইল করা বা জাভাস্ক্রিপ্ট ম্যানিপুলেশনের জন্য লক্ষ্য করা যায়।

<p class="my-paragraph">This is a paragraph with a CSS class</p>

Style: একটি উপাদানের জন্য ইনলাইন CSS শৈলী নির্দিষ্ট করে, সরাসরি HTML উপাদানের মধ্যে কাস্টম স্টাইল করার অনুমতি দেয়।

<p style="color: red; font-size: 18px;">This is a paragraph with inline styles</p>

Title: একটি উপাদানের জন্য একটি শিরোনাম বা টুলটিপ পাঠ্য নির্দিষ্ট করে, যা ব্যবহারকারী যখন উপাদানটির উপর ঘোরায় তখন প্রদর্শিত হয়।

<img src="image.jpg" alt="An example image" title="This is an example image">

Data: কাস্টম ডেটা পৃষ্ঠা বা অ্যাপ্লিকেশনে ব্যক্তিগত হতে দেয় এবং ব্যক্তিগত ডেটা সংরক্ষণ করতে বা HTML থেকে জাভাস্ক্রিপ্টে ডেটা পাস করতে ব্যবহার করা যেতে পারে।

<div data-custom-value="12345">This element has a custom data attribute</div>

Lang: একটি উপাদানের মধ্যে বিষয়বস্তুর ভাষা নির্দিষ্ট করে, যা স্ক্রিন রিডার বা ভাষা-নির্দিষ্ট স্টাইলিংয়ের জন্য ব্যবহার করা যেতে পারে।

<article lang="en">This is an article in English</article>

Tabindex: কীবোর্ড নেভিগেশনের জন্য একটি উপাদানের ট্যাব ক্রম নির্দিষ্ট করে, ব্যবহারকারীদের "ট্যাব" কী ব্যবহার করে ফর্ম উপাদানগুলির মাধ্যমে নেভিগেট করতে দেয়৷

<input type="text" tabindex="1"> <input type="submit" tabindex="2">

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

Internationalization Attributes:-

Lang: একটি উপাদানের মধ্যে বিষয়বস্তুর ভাষা নির্দিষ্ট করে, যা স্ক্রিন রিডার বা ভাষা-নির্দিষ্ট স্টাইলিংয়ের জন্য ব্যবহার করা যেতে পারে।

<article lang="en">This is an article in English</article> <article lang="fr">This is lang artical</article>

Dir: একটি উপাদানের মধ্যে পাঠ্যের দিকনির্দেশনা নির্দিষ্ট করে, যা ডান-থেকে-বামে (RTL) বা বাম-থেকে-ডান (LTR) ভাষার জন্য ব্যবহার করা যেতে পারে।

<p dir="ltr">This paragraph contains LTR text.</p> <p dir="rtl">هذه الفقرة تحتوي على نص من اليمين إلى اليسار.</p>

Hreflang: <a> অ্যাঙ্কর উপাদানগুলিতে লিঙ্ক করা সংস্থানের ভাষা নির্দিষ্ট করে, যা ভাষা-নির্দিষ্ট বিষয়বস্তু বা SEO-এর জন্য ব্যবহার করা যেতে পারে।

<a href="https://www.example.com" hreflang="en">Visit our website</a> <a href="https://www.example.com/fr" hreflang="fr">Visitez notre site web</a>

Translate: একটি উপাদানের বিষয়বস্তু অনুবাদ করা উচিত কিনা তা নির্দিষ্ট করে। এটি এমন সামগ্রী চিহ্নিত করতে ব্যবহার করা যেতে পারে যা অনুবাদ করা উচিত নয়, যেমন সঠিক নাম বা কোড স্নিপেট৷

<code translate="no">This content should not be translated</code>

Content: <মেটা> উপাদানগুলিতে একটি মেটা ট্যাগের পাঠ্য নির্দিষ্ট করে, যা ভাষা-নির্দিষ্ট মেটাডেটা বা এসইও-এর জন্য ব্যবহার করা যেতে পারে।

<meta name="description" content=" This is the meta description for the English version of the page"> <meta name="description" content=" Ceci est la balise meta description pour la version française de la page">

Datetime: <time> উপাদানগুলির জন্য একটি মেশিন-পাঠযোগ্য তারিখ এবং/অথবা সময় মান নির্দিষ্ট করে, যা স্থানীয় তারিখ এবং সময় প্রদর্শনের জন্য ব্যবহার করা যেতে পারে।

<time datetime="2023-04-16T09:30:00" lang="en">April 16, 2023 at 9:30 AM</time> <time datetime="2023-04-16T09:30:00" lang="fr">16 avril 2023 à 09h30</time>

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

Xml:lang Attributes:-

XML-এ, "xml:lang" বৈশিষ্ট্যটি একটি উপাদানের মধ্যে বিষয়বস্তুর ভাষা নির্দেশ করতে ব্যবহৃত হয়, যা সঠিক ভাষা পরিচালনা এবং XML নথিগুলির প্রক্রিয়াকরণের অনুমতি দেয়। XML-এ কীভাবে "xml:lang" ব্যবহার করা যেতে পারে তার একটি উদাহরণ এখানে দেওয়া হল:

<note xml:lang="en"> <to>John</to> <from>Mary</from> <message>Hello!</message> </note>

এই উদাহরণে, "xml:lang" বৈশিষ্ট্যটি নির্দিষ্ট করতে ব্যবহৃত হয় যে "নোট" উপাদানটির বিষয়বস্তু ইংরেজিতে রয়েছে। এটি XML প্রসেসর বা অ্যাপ্লিকেশনগুলির জন্য সহায়ক হতে পারে যেগুলি বিষয়বস্তুর ভাষার উপর ভিত্তি করে XML নথি প্রক্রিয়া করতে হবে৷

এটা মনে রাখা গুরুত্বপূর্ণ যে "xml:lang" XML নথিতে ব্যবহৃত হয়, যেখানে "lang" HTML নথিতে ব্যবহৃত হয়। তারা বিষয়বস্তুর ভাষা নির্দিষ্ট করার একই উদ্দেশ্যে কাজ করে, কিন্তু সেগুলি বিভিন্ন মার্কআপ ভাষায় ব্যবহৃত হয়। মার্কআপ ভাষার উপর ভিত্তি করে সঠিক বৈশিষ্ট্য ব্যবহার করা গুরুত্বপূর্ণ।