সিএসএস / এইচটিএমএল: পাঠ্যকে তির্যক করার সঠিক উপায় কী?

Question

পাঠ্যকে তির্যক করে তোলার সঠিক উপায় কী ? আমি নিম্নলিখিত চারটি পন্থা দেখেছি:

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

---

<i>

এটিই "পুরানো পথ"। <i>এর কোন অর্থবহ অর্থ নেই এবং কেবলমাত্র পাঠ্যটিকে ইটালিক করার বর্তমানের প্রভাবটি জানায় con আমি যতদূর দেখতে পাচ্ছি, এটি স্পষ্টতই ভুল কারণ এটি অ-শব্দার্থক।

---

<em>

এটি নিখুঁতভাবে উপস্থাপিত উদ্দেশ্যে সিম্যান্টিক মার্ক আপ ব্যবহার করে। এটি কেবল ঘটে যায় যে <em>ডিফল্টরূপে পাঠ্যকে তাত্ক্ষণিকভাবে রেন্ডার করে এবং তাই এটি প্রায়শই যারা ব্যবহার করে তাদের <i>এড়ানো উচিত যা এড়ানো উচিত তবে যারা এর অর্থগত অর্থ সম্পর্কে অসচেতন। সমস্ত ইটালিক পাঠ্য তাত্পর্যপূর্ণ নয় কারণ এটি জোর দেওয়া হয়েছে। কখনও কখনও এটি পার্শ্ব নোট বা ফিসফিসির মতো ঠিক বিপরীত হতে পারে।

---

<span class="italic">

উপস্থাপনা রাখতে এটি একটি সিএসএস শ্রেণি ব্যবহার করে। এটি প্রায়শই সঠিক উপায় হিসাবে চিহ্নিত করা হয় তবে আবার এটি আমার কাছে ভুল বলে মনে হয়। এটি এর অর্থের আর কোনও অর্থ বোঝায় বলে মনে হয় না <i>। তবে, এর সমর্থকরা কাঁদে, আপনার সমস্ত তাত্বিক পাঠ্য পরে পরিবর্তন করা খুব সহজ, যদি আপনি যদি বলেন, এটি সাহসী চেয়েছিলেন। তবুও এটি কেস নয় কারণ আমার তখন "ইটালিক" নামক একটি শ্রেণি থাকবে যা পাঠ্যকে সাহসী করে। তদুপরি, এটি কেন পরিষ্কার নয় যে আমি কখনই আমার ওয়েবসাইটে সমস্ত তাত্বিক পাঠ্য পরিবর্তন করতে চাই বা কমপক্ষে আমরা এমন কেসগুলির ক্ষেত্রে ভাবতে পারি যেগুলি এটি পছন্দসই বা প্রয়োজনীয় নয়।

---

<span class="footnote">

এটি শব্দার্থবিজ্ঞানের জন্য একটি সিএসএস ক্লাস ব্যবহার করে। এখনও অবধি এটি সর্বোত্তম উপায় হিসাবে প্রতীয়মান হয়েছে তবে এটিতে দুটি সমস্যা রয়েছে।

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

2. শব্দার্থক অর্থ পরিবর্তন করতে পারে যখন এটি পর্যাপ্ত শক্তিতে উপস্থিত না হয়। বলুন যে পৃষ্ঠার নীচে থাকা পাঠ্যটি ছাড়া আর কিছুই নয় "ভিত্তিতে আমি" পাদটীকা "দিয়েছিলাম। কয়েক মাস পরে আমি নীচে আরও পাঠ্য যুক্ত করতে চাইলে কী হয়? এটি আর পাদটীকা নয়। <em>এই সমস্যাগুলি এড়ানোর চেয়ে কম জেনেরিক হলেও আমরা কীভাবে একটি শব্দার্থক ক্লাস বেছে নিতে পারি ?

---

সারসংক্ষেপ

এটি প্রতীয়মান হয় যে শব্দার্থবিদ্যার প্রয়োজনীয়তা অনেক ক্ষেত্রেই অত্যধিক বোঝা বলে মনে হচ্ছে যেখানে কিছু ইটালিক তৈরি করার ইচ্ছাটি অর্থগত অর্থ বহন করার উদ্দেশ্যে নয়।

তদ্ব্যতীত, কাঠামো থেকে শৈলী পৃথক করার আকাঙ্ক্ষা সিএসএসকে প্রতিস্থাপন হিসাবে চিহ্নিত করার <i>প্রবণতা তৈরি করে যখন এমন ঘটনা ঘটে যখন এটি আসলে কম কার্যকর হয়। সুতরাং এটি আমাকে নম্র <i>ট্যাগ দিয়ে ফিরে যায় এবং ভাবছে যে এই চিন্তার এই ট্রেনটি এইচটিএমএল 5 অনুচ্ছেদে কেন রেখে গেছে?

এই বিষয়ে ভাল ব্লগ পোস্ট বা নিবন্ধ আছে? সম্ভবত <i>ট্যাগটি ধরে রাখার / তৈরি করার সিদ্ধান্তের সাথে জড়িতরা ?

Comments

<i> ট্যাগটি HTML5 এ রয়েছে কারণ এইচটিএমএল 5 (অংশে) বিদ্যমান ব্রাউজারগুলি কীভাবে HTML এইচটিএমএল প্রক্রিয়াকরণ করে তা প্রমিত করার চেষ্টা

— গ্যারেথ

আমি অনুরূপ / সম্পর্কিত পোস্টের জন্য একটি 404 পাই।

— মার্টিন হ্যানসেন লেনাক্স

@ মার্টিনহানসেনলেনক্স আপনি সর্বদা এই লিঙ্করোটগুলিকে পতাকা বদ্ধ করতে পারেন যাতে তারা ভোট পেয়ে এবং অদৃশ্য হয়ে যায়। আমি ইতিমধ্যে ভোট দিয়েছি।

— নিলন

মনোযোগ জন্য পতাকা? আমি ভেবেছিলাম এটি কেবল আপত্তিকর / স্প্যামি স্টাফের জন্য। তবে ঠিক আছে, হ্যাঁ

— মার্টিন হ্যানসেন লেনাক্স

Answer 1

বিভিন্ন ব্যবহারের ক্ষেত্রে আপনার বিভিন্ন পদ্ধতি ব্যবহার করা উচিত:

1. আপনি যদি একটি শব্দগুচ্ছ জোর দিতে চান, ব্যবহার করুন <em>।
2. এইচটিএমএল 5 এ <i>ট্যাগটির একটি নতুন অর্থ রয়েছে , "একটি বিকল্প ভয়েস বা মেজাজের পাঠ্যের একটি স্প্যান" উপস্থাপন করে। সুতরাং আপনার এই ট্যাগটি ভাবনা / অ্যাসাইডস বা আইডোমেটিক বাক্যাংশের মতো জিনিসের জন্য ব্যবহার করা উচিত। অনুমানটি জাহাজের নামগুলিও প্রস্তাব করে (তবে আর বই / গান / চলচ্চিত্রের নাম প্রস্তাব করে না; <cite>পরিবর্তে এর জন্য ব্যবহার করুন)।
3. যদি italicised পাঠ্যটি বৃহত্তর প্রসঙ্গের অংশ হয় তবে একটি সূচনা অনুচ্ছেদ বলুন, আপনার সিএসএস স্টাইলটি বৃহত্তর উপাদানটির সাথে সংযুক্ত করা উচিত, অর্থাত্ p.intro { font-style: italic; }

Comments

+1, আমার কাছে দুর্দান্ত পরামর্শ বলে মনে হচ্ছে। আমি মনে করি যে বিন্দু 3 কোনও নান্দনিক কারণে নিখুঁতভাবে শব্দার্থবিরোধী উদ্দেশ্য না করে পাঠ্য শৈলীর পরিবর্তনের একটি ভাল উদাহরণ।

— গ্রাহামস

কেস 2 হ'ল এইচটিএমএল 5 খসড়াগুলি যা বলে তার সাথে মিলে না - যা অস্পষ্ট এবং সংস্করণ অনুসারে পরিবর্তিত হয়, তবে কোনও সংস্করণ iবই, গান, অ্যালবাম বা চলচ্চিত্রের নাম ব্যবহার করার পরামর্শ দেয় না (যা বিতর্কিতভাবে ব্যবহারের জন্য প্রার্থী হতে পারে cite)।

— Jukka K. Korpela

@ জুক্কা আমি নিশ্চিত যে এটি কোনও সময়ে সেখানে ছিল। যাইহোক এটি এখন নেই তাই আমি আমার উত্তর আপডেট করেছি।

— অসন্তুষ্ট গোয়াট

যেমনটি উল্লিখিত হয়েছে: w3.org/TR/html5/text-level-semantics.html#the-em-element আপনি যদি আপনার পাঠ্য তির্যক করতে কোনও উপাদান ব্যবহার করতে চান তবে আপনার <i> ব্যবহার করা উচিত। ইম উপাদানটি জেনেরিক "ইটালিক্স" উপাদান নয়। কখনও কখনও, পাঠটি অনুচ্ছেদের বাকী অংশ থেকে আলাদা হয়ে দাঁড়ানোর উদ্দেশ্যে করা হয়, যেন এটি অন্যরকম মেজাজ বা কন্ঠে থাকে। এর জন্য, i উপাদানটি আরও উপযুক্ত।

— দিমিত্রিস জোর্বস

Answer 2

<i>এটি ভুল নয় কারণ এটি অ-শব্দার্থক। এটি ভুল (সাধারণত) কারণ এটি উপস্থাপনযোগ্য। উদ্বেগের পৃথকীকরণের অর্থ হ'ল সিএসএসের মাধ্যমে উপস্থাপিত তথ্য পৌঁছে দেওয়া উচিত।

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

<i>এইচটিএমএল 5 এ অন্তর্ভুক্ত করা হয়েছে তবে এটি নির্দিষ্ট শব্দার্থবিজ্ঞান দেওয়া হয়েছে। আপনি যদি ইটালিক হিসাবে কিছু চিহ্নিত করার কারণটি অনুমানের মধ্যে চিহ্নিত শব্দার্থবিজ্ঞানের একটির সাথে মিলিত হন তবে এটি ব্যবহার করা উপযুক্ত হবে <i>। অন্যথায় না।

Answer 3

আমি কোনও বিশেষজ্ঞ নই তবে আমি বলব যে আপনি যদি সত্যিই শব্দার্থক হতে চান তবে আপনার ভোকাবুলারিগুলি (আরডিএফএ) ব্যবহার করা উচিত।

এর ফলে এমন কিছু ঘটতে পারে:

<em property="italic" href="http://url/to/a/definition_of_italic"> Your text </em>

emউপস্থাপনার জন্য ব্যবহার করা হয় (মানুষ ইটালিক এটি দেখতে পাবে) এবং propertyএবং hrefবৈশিষ্ট্যাবলী কি ইটালিক (মেশিনের জন্য) হল একটি সংজ্ঞা লিঙ্ক করা হয়।

এই ধরণের জিনিসের জন্য কোনও শব্দভাণ্ডার আছে কিনা তা আপনার চেক করা উচিত, সম্ভবত বৈশিষ্ট্য ইতিমধ্যে বিদ্যমান রয়েছে।

আরডিএফএ সম্পর্কে আরও তথ্য এখানে: http://www.alistapart.com/articles/intr پيداوار-to-rdfa /

Comments

প্রচ্ছন্ন বা উত্তরাধিকারসূতী শব্দার্থবিজ্ঞানের (সস্তা এবং সহজ তবে দুর্বল ফর্ম) এবং সুস্পষ্ট শব্দার্থবিজ্ঞানের মধ্যে পার্থক্য রয়েছে তা চিহ্নিত করার জন্য +1 যেখানে বিকাশকারীকে অবশ্যই তার সামগ্রীতে মূল্য যুক্ত করতে কিছুটা অতিরিক্ত প্রচেষ্টা করতে হবে (ব্যয়বহুল এবং শ্রম নিবিড় তবে উত্পাদন করতে পারে) ভাল মানের সামগ্রী)।

— লগআউট করুন

Answer 4

TLDR

পাঠ্যটিকে তাত্ক্ষণিক করে তোলার সঠিক উপায় হ'ল সিএসএসে না আসা পর্যন্ত সমস্যাটিকে উপেক্ষা করা, তারপরে উপস্থাপক শব্দার্থবিজ্ঞান অনুসারে স্টাইল করুন। আপনার দেওয়া প্রথম দুটি বিকল্প পরিস্থিতিগুলির উপর নির্ভর করে সঠিক হতে পারে। শেষ দুটি ভুল।

দীর্ঘ বিবরণ

মার্কআপটি লেখার সময় উপস্থাপনা সম্পর্কে চিন্তা করবেন না। তির্যক পদার্থ বিবেচনা করবেন না। শব্দার্থবিজ্ঞানের দিক থেকে চিন্তা করুন। যদি এটির জন্য চাপের জোর প্রয়োজন হয় তবে এটি একটি em। যদি এটি মূল বিষয়বস্তুতে স্পর্শকাতর হয় তবে এটি একটি aside। সম্ভবত এটি সাহসী হবে, সম্ভবত এটি তির্যক হবে, সম্ভবত এটি ফ্লুরোসেন্ট সবুজ হবে। আপনি যখন মার্কআপ লিখছেন তখন কিছু যায় আসে না।

আপনি যখন সিএসএসে পৌঁছে যান, আপনার কাছে ইতিমধ্যে একটি শব্দার্থক উপাদান থাকতে পারে যা আপনার সাইটে এর সমস্ত ঘটনার জন্য তির্যক ঘটনাটি বোধগম্য করে। emএকটি ভাল উদাহরণ। তবে সম্ভবত আপনি aside > ul > liনিজের সাইটে সমস্ত ইটালিক্সে চান। উপস্থাপনা সম্পর্কে চিন্তা থেকে আপনাকে মার্কআপ সম্পর্কে চিন্তাভাবনা আলাদা করতে হবে।

DisgruntledGoat দ্বারা উল্লিখিত হিসাবে , iHTML5 এ শব্দার্থক। যদিও শব্দার্থকগুলি আমার কাছে এক ধরণের সংকীর্ণ বলে মনে হয়। ব্যবহার সম্ভবত বিরল হবে।

এর শব্দার্থতত্ত্বগুলি emচাপের উপর জোর দেওয়া HTML5 এ পরিবর্তিত হয়েছে। strongপাশাপাশি গুরুত্ব প্রদর্শন করতে ব্যবহার করা যেতে পারে। strongআপনি যদি এটি স্টাইল করতে চান তবে তা সাহসের চেয়ে ইটালিক হতে পারে। ব্রাউজারের স্টাইলশিটটি আপনাকে সীমাবদ্ধ করতে দেবেন না। আপনি ডিফল্টগুলির মধ্যে চিন্তাভাবনা বন্ধ করতে সহায়তা করার জন্য একটি রিসেট স্টাইলশিট এমনকি ব্যবহার করতে পারেন। (যদিও কিছু সাবধানতা অবলম্বন রয়েছে ))

class="italic"খারাপ. এটি ব্যবহার করবেন না। এটি শব্দার্থক নয় এবং মোটেই নমনীয় নয়। উপস্থাপনাটিতে এখনও শব্দার্থবিজ্ঞান রয়েছে, মার্কআপ থেকে একেবারে অন্য ধরণের।

class="footnote"মার্কআপ শব্দার্থক অনুকরণ করছে এবং এটিও ভুল। পাদটীকা জন্য আপনার সিএসএস আপনার পাদটীকা সম্পূর্ণরূপে অনন্য হওয়া উচিত নয়। আপনার অংশটি খুব অগোছালো লাগবে যদি প্রতিটি অংশকে আলাদাভাবে স্টাইল করা হয়। আপনার পৃষ্ঠাগুলির মধ্য দিয়ে এমন কিছু ভিজ্যুয়াল নিদর্শন ছড়িয়ে দেওয়া উচিত যা আপনি সিএসএস ক্লাসে রূপান্তর করতে পারেন। আপনার পাদটীকা এবং আপনার ব্লককোটগুলির জন্য যদি আপনার স্টাইলটি খুব একইরকম হয় তবে আপনার নিজের মধ্যে বার বার নিজেকে পুনরাবৃত্তি করার পরিবর্তে আপনার মিল খুঁজে পাওয়া উচিত। আপনি OOCSS এর অনুশীলনগুলি (নীচের লিঙ্কগুলি) গ্রহণ করার বিষয়ে বিবেচনা করতে পারেন।

উদ্বেগ এবং শব্দার্থবিচ্ছিন্নতা পৃথককরণ HTML5 এ বড়। লোকেরা প্রায়শই বুঝতে পারে না যে মার্কআপটি এমন একমাত্র জায়গা নয় যেখানে শব্দার্থবিদ্যা গুরুত্বপূর্ণ। বিষয়বস্তু শব্দার্থবিজ্ঞান (এইচটিএমএল) রয়েছে, তবে এখানে উপস্থাপক শব্দার্থক (সিএসএস) এবং আচরণগত শব্দার্থক (জাভাস্ক্রিপ্ট) রয়েছে। তাদের সকলের নিজস্ব আলাদা শব্দার্থক রয়েছে যা রক্ষণাবেক্ষণ এবং ডিআরওয়াই থাকার জন্য মনোযোগ দেওয়া গুরুত্বপূর্ণ।

OOCSS রিসোর্স

• অবজেক্ট ওরিয়েন্টেড সিএসএস
• ওরিয়েন্টেড সিএসএস (OOCSS) অবজেক্ট করার জন্য একটি ভূমিকা
• কীভাবে অবজেক্ট ওরিয়েন্টেড সিএসএস লিখবেন
• অবজেক্ট-ওরিয়েন্টেট সিএসএস (OOCSS) দিয়ে শুরু করা
• অবজেক্ট-ওরিয়েন্টেড সিএসএস: কী, কীভাবে এবং কেন
• অবজেক্ট ওরিয়েন্টেড সিএসএসে ডাইভিং

Answer 5

সম্ভবত এটির কোনও বিশেষ অর্থ নেই এবং এটি পূর্ববর্তী পাঠ্য থেকে বর্তমানকে পৃথক করার জন্য কেবলমাত্র ত্রিবিদ্যায় রেন্ডার করা দরকার to

যদি এর কোনও বিশেষ অর্থ না থাকে তবে কেন এটি পূর্ববর্তী পাঠ্য থেকে বর্তমানভাবে পৃথক হওয়া দরকার? পাঠ্যের এই রানটি কিছুটা অদ্ভুত দেখাচ্ছে , কারণ আমি কোনও কারণ ছাড়াই এটি ছড়িয়েছি।

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

কারণ এইসব যুক্তিসঙ্গতভাবে জটিল শৈলী (যুক্ত ইন্টারনেট এক্সপ্লোরার বিষয় সহ) বিভিন্ন জায়গায় পুনরায় ব্যবহার, আমরা মত শ্রেণীর সৃষ্টি box-1, box-2যাতে আমরা করতে পারেন শৈলী পুনঃ-ব্যবহার করে।

কিছু পাঠ্যকে তাত্ক্ষণিক করে তোলার সুনির্দিষ্ট উদাহরণ যদিও উদ্বিগ্ন হওয়া খুব তুচ্ছ। সিমেন্টিক নিউটার্স সম্পর্কে তর্ক করার জন্য এর মতো সেরা ছুটি মিনটিয়াতে।

Comments

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

— গ্যারেথ

একেবারে। কখনও কখনও সিএসএস ব্যবহারের কোনও উপায় নেই ডিজাইনার যা চান তা বিশুদ্ধভাবে সিমেটিক মার্কআপটি রূপান্তর করতে (এক্স ব্রাউজার) - আপনার নমনীয় হতে হবে।

— স্কিলড্রিক

আছে নান্দনিক শৈলী টেক্সট কারণে। উদাহরণস্বরূপ, ছোট ক্যাপগুলিতে প্রতিটি অনুচ্ছেদের প্রথম কয়েকটি শব্দকে স্টাইল করার জন্য একটি (বিশুদ্ধ নান্দনিক) সম্মেলন রয়েছে। এর কোনও অর্থগত অর্থ নেই। শব্দার্থবিহীন কারণে পাঠ্য চিহ্নিত করতে এটি এইচটিএমএলে অবশ্যই সম্ভব।

Answer 6

এইচটিএমএল ইটালিক পাঠ্যটি ইটালিক বিন্যাসে পাঠ্য প্রদর্শন করে।

<i>HTML italic text example</i>

জোর এবং শক্তিশালী উপাদান উভয়ই নির্দিষ্ট শব্দ বা বাক্যগুলির গুরুত্ব বাড়াতে ব্যবহার করা যেতে পারে।

<p>This is <em>emphasized </em> text format <em>example</em></p>

আপনি যখন আপনার পাঠ্যের কোনও বিন্দুর উপর জোর দিতে চান এবং যখন আপনি সেই পাঠটিকে ইটালাইজ করতে চান তখন অগত্যা জোর ট্যাগটি ব্যবহার করা উচিত।

আরও জন্য এই গাইড দেখুন: এইচটিএমএল পাঠ্য বিন্যাস

Answer 7

iউপাদান অ শব্দার্থিক, তাই স্ক্রীন রিডার, Googlebot-, ইত্যাদি জন্য, এটা স্বচ্ছ (ঠিক মত কিছু হওয়া উচিত spanবা divউপাদানের)। তবে এটি বিকাশকারীদের পক্ষে ভাল পছন্দ নয়, কারণ এটি স্ট্রাকচার লেয়ারের সাথে উপস্থাপনা স্তরটিতে যোগ দেয় - এবং এটি একটি খারাপ অভ্যাস।

emউপাদান ( strongপাশাপাশি) সর্বদা একটি শব্দার্থ প্রসঙ্গে ব্যবহার করা উচিত, উপস্থাপনা নয়। যখনই কোনও শব্দ বা বাক্য গুরুত্বপূর্ণ হয় তখন এটি ব্যবহার করতে হয়। আগের বাক্যে উদাহরণের জন্য আমার ব্যবহার করা উচিতem 'সর্বদা ব্যবহার করা উচিত' অংশটির উপর আরও জোর দেওয়া উচিত। ব্রাউজারগুলি এই উপাদানগুলির জন্য কিছু ডিফল্ট সিএসএস বৈশিষ্ট্য সরবরাহ করে, তবে আপনার ডিজাইনের যদি এই উপাদানগুলির সঠিক শব্দার্থিক অর্থ রাখতে প্রয়োজন হয় তবে আপনি ডিফল্ট মানগুলি ওভাররাইড করার কথা ভাবতে পারেন।

<span class="italic">Italic Text</span>সবচেয়ে ভুল উপায়। প্রথমত, এটি ব্যবহারে অসুবিধাগুলি। দ্বিতীয়ত, এটি প্রস্তাবিত হয় যে পাঠ্যটি তির্যক হওয়া উচিত। এবং কাঠামো স্তর (এইচটিএমএল, এক্সএমএল, ইত্যাদি) কখনও এটি করা উচিত নয় । উপস্থাপনাটি সর্বদা কাঠামো থেকে পৃথক রাখা উচিত।

<span class="footnote">Italic Text</span>পাদটীকা জন্য সেরা উপায় বলে মনে হচ্ছে। এটি কোনও উপস্থাপনা প্রস্তাব করে না এবং কেবল মার্কআপটি বর্ণনা করে। বৈশিষ্ট্যে কী হবে তা আপনি অনুমান করতে পারবেন না। যদি কোনও পাদটীকা বৈশিষ্ট্যটিতে বড় হয়, আপনি তার শ্রেণীর নাম পরিবর্তন করতে বাধ্য হতে পারেন (আপনার কোডটিতে কিছু যুক্তি রাখতে)।

সুতরাং আপনি যখনই কোনও গুরুত্বপূর্ণ পাঠ্যটি ব্যবহার করেছেন তখন এটি ব্যবহার করুন emবা strongজোর দিন। তবে মনে রাখবেন যে এই উপাদানগুলি ইনলাইন উপাদান এবং এগুলি বড় আকারের পাঠ্যের উপর জোর দেওয়ার জন্য ব্যবহার করা উচিত নয়।

আপনি যদি কিছু দেখতে কেমন দেখায় এবং সর্বদা কোনও অতিরিক্ত মার্কআপ এড়াতে চেষ্টা করেন তবে CSS ব্যবহার করুন।

Answer 8

আমি মনে করি উত্তর ব্যবহার করা <em>যখন আপনি মনস্থ করা জোর।

যদি নিজের কাছে লেখাটি পড়ার সময়, আপনি দেখতে পান যে আপনি কোনও বিন্দুর প্রতি জোর দেওয়ার জন্য কিছুটা আলাদা ভয়েস ব্যবহার করেন, তবে এটি ব্যবহার করা উচিত কারণ আপনি পর্দার পাঠকও একই কাজ করতে চান।<em>

যদি এটি নিখুঁতভাবে কোনও স্টাইলের জিনিস হয়, যেমন আপনার ডিজাইনার সিদ্ধান্ত নিয়েছে যে আপনার সমস্ত <h2>শিরোনামটি ইতালি গ্যারামন্ডে আরও ভাল দেখাবে, তবে এটি HTML এ অন্তর্ভুক্ত করার কোনও অর্থগত কারণ নেই এবং আপনার উপযুক্ত উপাদানগুলির জন্য কেবল সিএসএস পরিবর্তন করতে হবে।

আমি ব্যবহার করার কোনও কারণ দেখতে পাচ্ছি না <i>, যদি না আপনি নির্দিষ্টভাবে কোনও সিএসএস না দিয়ে কিছু উত্তরাধিকারী ব্রাউজার সমর্থন করার প্রয়োজন হয় না।

Comments

মন্তব্যে নির্দেশিত হিসাবে দেখে মনে হচ্ছে তারা এইচটিএমএল 5 তে অভিপ্রায়টি কিছুটা বদলেছে এবং বিষয়টি বিভ্রান্ত করেছে। আপনি যদি ইতিমধ্যে এইচটিএমএল 5 ব্যবহার করেন তবে আমার ধারণা <i>এখন শব্দার্থগতভাবেও কার্যকর।

— গ্রাহামস

Answer 9

আমি বলবো <em>ইনলাইন উপাদানগুলিকে জোর দেওয়ার জন্য ব্যবহার করব । পাঠ্যের ব্লকগুলির মতো ব্লক উপাদানগুলির জন্য একটি বর্গ ব্যবহার করুন। সিএসএস বা না, পাঠ্যটি এখনও ট্যাগ করতে হবে। এটি শব্দার্থবিজ্ঞানের জন্য হোক বা ভিজ্যুয়াল এইডের জন্য, আমি ধরে নিচ্ছি আপনি এটি অর্থবহ কিছু জন্য ব্যবহার করছেন ...

আপনি যদি কোনও কারণে পাঠ্যের উপর জোর দিচ্ছেন তবে আপনি ব্যবহার করতে পারেন <em>বা এমন একটি শ্রেণি যা আপনার পাঠ্যটিকে ইটালিক করে।

কখনও কখনও নিয়ম ভাঙা ঠিক আছে !

Answer 10

ঠিক আছে, প্রথম জিনিসটি লক্ষ্য করুন <i> অবচয় করা হয়েছে, এবং ব্যবহার করা উচিত নয় <i>অবচয় করা হয়নি, তবে আমি এখনও এটি ব্যবহার করার পরামর্শ দিচ্ছি না details বিশদগুলির জন্য মন্তব্যগুলি দেখুন। এর কারণ এটি পুরোপুরি উপস্থাপনা স্তরটিতে উপস্থাপনা রাখার বিরুদ্ধে যায় যা আপনি নির্দেশ করেছেন। একইভাবে, <span class="italic">মনে হচ্ছে ছাঁচটিও ভেঙে যায়।

সুতরাং এখন আমাদের কাছে কাজ করার দুটি উপায় আছে: <em>এবং <span class="footnote">। যে মনে রাখুন emজন্য ব্রিদিং জোর । আপনি যখন কোনও শব্দ, বাক্য বা বাক্যে জোর প্রয়োগ <em>করতে চান, আপনি ইতালি চান কিনা তা নির্বিশেষে ট্যাগগুলিতে এটি আটকে দিন । আপনি যদি অন্য কোনও উপায়ে স্টাইলিং পরিবর্তন করতে চান তবে CSS: ব্যবহার করুন em { font-weight: bold; font-style: normal; }। অবশ্যই আপনি <em>ট্যাগটিতে কোনও শ্রেণি প্রয়োগ করতে পারেন : আপনি যদি সিদ্ধান্ত নেন যে আপনি কিছু জোর দেওয়া বাক্যাংশগুলি লাল রঙের মধ্যে দেখাতে চান, তাদের একটি শ্রেণি দিন এবং এটি সিএসএসে যুক্ত করুন:

Fancy some <em class="special">shiny</em> text?

em { font-weight: bold; font-style: normal; }
em.special { color: red; }

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

Comments

<i>অবচয় করা হয়নি।

— কোয়ান্টিন

@ ডেভিডডোরওয়ার্ড: সঠিক, অবহেলা <i>করা হয়নি, তবে এইচটিএমএল 4 সূত্রে বলা হয়েছে "যদিও এগুলি সবাই অবচিত নয়, তাদের ব্যবহার স্টাইল শিটের পক্ষে নিরুৎসাহিত করা হয়েছে"

— গ্রাহাম

@ গ্রাহাম: এইচটিএমএল 5 টি পরীক্ষা করুন, <i>"বিকল্প ভয়েস বা মেজাজে একটি স্প্যানের পাঠ্য" উপস্থাপন করতে ব্যবহৃত হয়।

— অসন্তুষ্ট গোয়াট

@ ডিসগ্রান্টলডগোট: আমাকে স্বীকার করতে হবে যে আমি এইচটিএমএল 5 এর বিকাশ খুব কাছ থেকে নিচ্ছি না, তবে আপনি ঠিক বলেছেন যে তারা এখন <i>কিছু অর্থবোধক অর্থ নিয়ে পুনঃনির্মাণের চেষ্টা করেছেন। ব্যক্তিগতভাবে আমি মনে করি তারা এই সমস্যাটিকে এখন বিশৃঙ্খলা করে ফেলেছে তবে তারা এখনও বলে যে "লেখকরা iউপাদানটির চেয়ে অন্যান্য উপাদান আরও কার্যকর হতে পারে কিনা তা বিবেচনা করতে উত্সাহিত হয় , উদাহরণস্বরূপ emস্ট্রেস জোর চিহ্নিত করার উপাদানটি"।

— গ্রাহামস

ক্ষমা চাওয়া — মনে হয় HTML5 উল্লেখ করে আমি অংশটি মিস করেছি। আমার কাছে মনে হয় যে স্পেসিফিকেশনটি কখন ব্যবহার করবেন <i>এবং কখন ব্যবহার করবেন সে সম্পর্কে অস্পষ্ট <span class="semantic-meaning">… তারা বোঝাচ্ছে যে আপনাকে এমন <i>একক নির্দিষ্ট ক্ষেত্রে ব্যবহার করা উচিত যেখানে শব্দার্থবিদ্যা আরও পছন্দসই, যা আমার কাছে মনে হয় — আপনি এখনও উপস্থাপনা কোড যুক্ত করছেন শব্দার্থক স্তর। সুতরাং আপনি ঠিক বলেছেন: এটি অবমানিত নয়, তবে যা পড়েছি তার উপর ভিত্তি করে আমি এটিকে সত্যই সুপারিশ করতে পারি না।

— সমীর তালওয়ার

Answer 11

অন্যান্য শৈলী ব্যতীত সামগ্রীতে ইতালিতে আপনার কিছু শব্দ / অক্ষর প্রয়োজন হলে <em> ব্যবহার করুন। এটি কন্টেন্টকে সিনমেটিক করতে সহায়তা করে।

text-style একাধিক শৈলীর জন্য আরও উপযুক্ত এবং কোনও শব্দার্থবিজ্ঞানের প্রয়োজন নেই।

Answer 12

আপনি কি

1. শ্রেণীর বৈশিষ্ট্যটিকে ডেটার প্রকৃতি নির্দেশ করে একটি মান দিন (অর্থাত class="footnote"ভাল)

2. পৃষ্ঠার জন্য একটি সিএসএস স্টাইল শীট তৈরি করুন

3. শ্রেণীর সাথে সংযুক্ত এমন একটি সিএসএস শৈলীর সংজ্ঞা দিন যা আপনি উপাদানটিকে অর্পণ করেন

   .footnote { font-style:italic; }

করো না

1. উপাদান <i>বা <em>উপাদান ব্যবহার করবেন না - তারা অসমর্থিত এবং ডেটা এবং উপস্থাপনাটিকে খুব নিকটে সংযুক্ত করে।
2. শ্রেণিকে এমন কোনও মূল্য দেবেন না যা উপস্থাপনার নিয়মগুলি নির্দেশ করে (যেমন ব্যবহার করবেন না class="italic")।

Comments

হিসাবে অন্য উত্তরে উদাহৃত, <i>এবং <em>HTML5 এর মধ্যে আছে। "ডু নট" এর অধীনে আপনার 2 নম্বরটি সঠিক, তবে "ডু" এর অধীনে আপনার # 1 টি জিজ্ঞাসা করা হয়েছে - পুরো আইটেমগুলি "পাদটীকা" লেবেল দেওয়া ভাল নয় যদি পাদটীকাগুলি নয় এমন অন্যান্য আইটেমগুলিও এটির সাথে তির্যক করা হয় বর্গ, তথ্যের প্রকৃতি নির্দেশ করে এমন একটি বর্গ থাকা ভাল। একটি শ্রেণি এবং শৈলীর শীট সবসময় প্রয়োজন হয় না, তবে, বিশেষত যদি কেবল কয়েকটি আইটেমকে ইতালি করা হয়।

— vapcguy