সেমিক্যান্ট এইচটিএমএল কি এবং কেন আপনি এটি ব্যবহার করা উচিত

আমাদের কাছে আজকের শিল্পের জন্য দায়ী ওয়েব স্ট্যান্ডার্ড আন্দোলনের একটি গুরুত্বপূর্ণ নীতিটি হল ডিফল্টভাবে ব্রাউজারে কীভাবে প্রদর্শিত হতে পারে তার চেয়ে HTML উপাদানগুলি ব্যবহার করার ধারণা। এই সেমান্তিক এইচটিএমএল ব্যবহার হিসাবে পরিচিত হয়।

সেমিক্যান্ট এইচটিএমএল কি

সেমিক্যান্ট এইচটিএমএল বা সেমান্তিক মার্কআপ এইচটিএমএল যা উপস্থাপনার পরিবর্তে ওয়েব পৃষ্ঠায় অর্থ সরবরাহ করে। উদাহরণস্বরূপ, একটি

ট্যাগ নির্দেশ করে যে সংযুক্ত পাঠ একটি অনুচ্ছেদ।

এটি উভয় শব্দগত এবং উপস্থাপনামূলক, কারণ লোকেরা কী অনুচ্ছেদের এবং ব্রাউজার জানে কিভাবে তাদের প্রদর্শন করতে হয়।

এই সমীকরণের উল্টানো দিকে, মত ট্যাগ এবং শব্দার্থিক নয়, কারণ পাঠ্য কীভাবে দেখানো উচিত (গাঢ় বা ইটালিক) এবং মার্কআপকে কোন অতিরিক্ত অর্থ প্রদান করে না।

শব্দার্থিক এইচটিএমএল ট্যাগের উদাহরণ শিরোনাম ট্যাগ অন্তর্ভুক্ত

মাধ্যমে

,

, এবং । অনেকগুলি শব্দার্থিক এইচটিএমএল ট্যাগ রয়েছে যা আপনি মান-সম্মতিপূর্ণ ওয়েবসাইট তৈরি করার জন্য ব্যবহার করতে পারেন।

কেন আপনি সেমিক্যান্ট সম্পর্কে যত্ন করা উচিত

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

স্পষ্টতা অনুসন্ধান ইঞ্জিনগুলির সাথেও যোগাযোগ করা হয়, সঠিক পৃষ্ঠাগুলি সঠিক প্রশ্নগুলির জন্য বিতরণ করা হয় তা নিশ্চিত করে।

সেমান্টিক এইচটিএমএল ট্যাগগুলি সেই ট্যাগগুলির বিষয়বস্তু সম্পর্কে তথ্য সরবরাহ করে যা তারা কোনও পৃষ্ঠায় কীভাবে দেখেন তা অতিক্রম করে। টেক্সট যে সংযুক্ত করা হয় ট্যাগটি অবিলম্বে ব্রাউজার দ্বারা কিছু ধরণের কোডিং ভাষা হিসাবে স্বীকৃত হয়।

কোডটি রেন্ডার করার চেষ্টা করার পরিবর্তে, ব্রাউজার বুঝতে পারে যে আপনি কোনও নিবন্ধের উদ্দেশ্যে বা কোনও ধরণের অনলাইন টিউটোরিয়ালের উদ্দেশ্যে কোডটির উদাহরণ হিসাবে সেই পাঠ্যটি ব্যবহার করছেন।

শব্দসম্মত ট্যাগ ব্যবহার করে আপনার সামগ্রী স্টাইলিং জন্য আপনি আরো অনেক হুক দেয়। সম্ভবত আজকে আপনি আপনার কোডের নমুনাগুলি ডিফল্ট ব্রাউজার স্টাইলে প্রদর্শন করতে পছন্দ করেন তবে আগামীকাল আপনি তাদের একটি ধূসর ব্যাকগ্রাউন্ড রঙের মাধ্যমে কল করতে চান এবং পরে আপনি সঠিক মোনো-স্পেসেড ফন্ট পরিবার বা ফন্ট স্ট্যাকটি ব্যবহার করতে চান আপনার নমুনা। আপনি সহজেই সেমান্তিক মার্কআপ এবং স্মার্টভাবে প্রয়োগ করা CSS ব্যবহার করে এই সমস্ত কিছু করতে পারেন।

সঠিকভাবে শব্দার্থিক ট্যাগ ব্যবহার করুন

যখন আপনি উপস্থাপনা উদ্দেশ্যে বরং অর্থ প্রকাশ করার জন্য শব্দার্থিক ট্যাগগুলি ব্যবহার করতে চান, তখন আপনাকে সাবধান থাকতে হবে যে আপনি তাদের সাধারণ প্রদর্শনের বৈশিষ্ট্যগুলির জন্য ভুলভাবে তাদের ব্যবহার করবেন না। সর্বাধিক অপব্যবহারযোগ্য শব্দার্থিক ট্যাগগুলির মধ্যে কিছু অন্তর্ভুক্ত:

• blockquote - কিছু মানুষ ব্যবহার

  একটি উদ্ধৃতি না যে ইন্ডেন্টিং টেক্সট জন্য ট্যাগ। ব্লকquotes ডিফল্টরূপে ইন্ডেন্ট করা হয়, কারণ এই। আপনি যদি কেবল ইন্ডেন্টেশনের সুবিধা চান তবে পাঠ্যটি ব্লককোট নয় তবে পরিবর্তে CSS মার্জিন ব্যবহার করুন।

• পি - কিছু ওয়েব সম্পাদক ব্যবহার (একটি প্যারাগ্রাফে থাকা একটি অবিচ্ছিন্ন স্থান) পৃষ্ঠাটির মধ্যে অতিরিক্ত স্থান যোগ করার পরিবর্তে, সেই পৃষ্ঠার পাঠ্যের জন্য প্রকৃত অনুচ্ছেদগুলি সংজ্ঞায়িত করার পরিবর্তে। পূর্বে উল্লেখিত indenting উদাহরণ হিসাবে, আপনি স্থান যোগ করার জন্য মার্জিন বা প্যাডিং শৈলী সম্পত্তি ব্যবহার করা উচিত।
• উল - blockquote পছন্দ, একটি ভিতরে টেক্সট এনক্লোজার
  ট্যাগ সবচেয়ে ব্রাউজার যে টেক্সট indents। এই উভয় semantically ভুল এবং অবৈধ এইচটিএমএল, শুধুমাত্র হিসাবে
  • ট্যাগ একটি মধ্যে বৈধ
    ট্যাগ। আবার, ইন্ডেন্ট পাঠ্যতে মার্জিন বা প্যাডিং শৈলী ব্যবহার করুন।
  • h1-h6 - শিরোনাম ট্যাগগুলি ফন্টগুলিকে বড় এবং সাহসী করার জন্য ব্যবহার করা যেতে পারে, তবে যদি পাঠ্য শিরোনাম না হয় তবে এটি শিরোনাম ট্যাগের ভিতরে থাকা উচিত নয়। আপনি যদি আপনার পৃষ্ঠায় নির্দিষ্ট পাঠ্যের আকার বা ওজন পরিবর্তন করতে চান তবে ফন্ট-ওজন এবং ফন্ট-আকার CSS বৈশিষ্ট্যগুলি ব্যবহার করুন।

  যার মানে এইচটিএমএল ট্যাগগুলি ব্যবহার করে, আপনি এমন পৃষ্ঠাগুলি তৈরি করেন যা কেবলমাত্র এর আশেপাশের সমস্ত কিছুগুলির চেয়ে বেশি তথ্য সরবরাহ করে

  ট্যাগ.

  কোন এইচটিএমএল ট্যাগ সেমিকান্টিক হয়?

  যদিও প্রায় প্রত্যেকটি HTML4 ট্যাগ এবং সমস্ত HTML5 ট্যাগগুলির একটি অর্থার্থ অর্থ রয়েছে, কিছু ট্যাগ প্রাথমিকভাবে প্রকৃতির অর্থাত্।

  উদাহরণস্বরূপ, HTML5 এর অর্থকে পুনরায় সংজ্ঞায়িত করেছে এবং ট্যাগ শব্দার্থিক হতে। দ্য ট্যাগ অতিরিক্ত গুরুত্ব বহন করেনা, বরং বরং পাঠ্যকে সাহসী করে তোলে। দ্য ট্যাগ এছাড়াও অতিরিক্ত গুরুত্ব বা জোর বহন করে না, বরং এটি ইটালিক্স সাধারণত রেন্ডার করা হয় যে টেক্সট সংজ্ঞায়িত।

  সেমিক্যান্ট এইচটিএমএল ট্যাগ

  	সংক্ষেপ
  	অন্য শব্দের আদ্যক্ষর দ্বারা গঠিত শব্দ
  	দীর্ঘ উদ্ধৃতি
  	সংজ্ঞা
  	নথির লেখক (গুলি) জন্য ঠিকানা
  	তলব
  	কোড রেফারেন্স
  	Teletype টেক্সট
  	লজিক্যাল বিভাগ
  	জেনেরিক ইনলাইন শৈলী ধারক
  	মুছে ফেলা টেক্সট
  	সন্নিবেশিত টেক্সট
  	জোর
  	বিশেষ গুরুত্ব
  	প্রথম স্তরের শিরোনাম
  	দ্বিতীয় স্তরের শিরোনাম
  	তৃতীয় স্তরের শিরোনাম
  	চতুর্থ স্তরের শিরোনাম
  	পঞ্চম স্তরের শিরোনাম
  	ছয় স্তরের শিরোনাম
  	থার্মিক বিরতি
  	ব্যবহারকারী দ্বারা প্রবেশ করা টেক্সট
  	প্রাক ফরম্যাট টেক্সট
  	সংক্ষিপ্ত ইনলাইন উদ্ধৃতি
  	নমুনা আউটপুট
  	সাবস্ক্রিপ্ট
  	সুপারস্ক্রিপ্ট
  	পরিবর্তনশীল বা ব্যবহারকারী সংজ্ঞায়িত টেক্সট