এইচটিএমএলটিতে <কেন্দ্রী> ট্যাগটি কেন অবচয় করা হচ্ছে?

Question

<center>এইচটিএমএল ট্যাগটি কেন হ্রাস করা হয়েছিল তা সম্পর্কে আমি কেবল কৌতূহলী ।

<center>দ্রুত কেন্দ্র সমতলতা একটি ধারক encapsulating দ্বারা পাঠ্যের ব্লক এবং ইমেজ একটি সহজ উপায় ছিল <center>ট্যাগ, এবং আমি সত্যিই এখন কেমন এটা করতে কোনো সহজ পথ খুঁজে পাচ্ছি না।

"স্টাফ" (কেন্দ্র margin-left:auto; margin-right:auto;এবং প্রস্থের জিনিস নয়) কে <center>কীভাবে প্রতিস্থাপন করা যায় সে সম্পর্কে যে কোনও সহজ উপায় যে কেউ জানেন ? এবং এছাড়াও, কেন এটি অবমূল্যায়ন করা হয়েছিল?

Answer 1

<center>উপাদান অবচিত হয়েছে কারণ এটি সংজ্ঞায়িত উপস্থাপনা এটির সামগ্রীগুলি এর - এটি এটির সামগ্রীগুলি বর্ণনা নেই।

কেঁদ্রীকরণ করার একটি পদ্ধতি হল সেট করতে হয় margin-leftএবং margin-rightউপাদান বৈশিষ্ট্য auto, এবং তারপর পিতা বা মাতা উপাদান এর সেট text-alignথেকে সম্পত্তি center। এটি গ্যারান্টি দেয় যে উপাদানটি সমস্ত আধুনিক ব্রাউজারগুলিতে কেন্দ্রীভূত হবে।

Comments

হ্যাঁ, সিএসএস হ'ল বিভাজন উপস্থাপনা এবং ডেটা সম্পর্কে।

— ইভান নেভোস্ট্রুয়েভ

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

— পিটার বুফটন 18

আমার কিছু কেস হয়েছে (যা আমি এটিএমকে স্মরণ করতে পারি না) যেখানে উভয়ই সেট করেছিলাম marginএবং text-alignআমার উপাদানটি আইই তে কেন্দ্র করে নি, তবে এটি দিয়ে মোড়ানো <center>কাজ করেছে ... আমি উদাহরণ খুঁজে বের করার চেষ্টা করব।

— মট্টি

স্বয়ংক্রিয় মার্জিন ট্রিক কেবল ব্লক স্তর উপাদানগুলির জন্য কাজ করে। display: block;একটি ইনলাইন উপাদান ব্যবহার করুন।

— স্টিভ গ্রাহাম

আমি নিশ্চিত যে একটি সাধারণ ডাব্লুপি বা দ্রুপাল টেম্পলেটে সতেরো নেস্টেড ডিভগুলি উপস্থাপনের বিশদটি আলাদা করতে সত্যই সহায়তা করে: পি </ ট্রোল> (<দেখুন, শব্দার্থক ট্যাগ!)

— স্পষ্টভাবে

Answer 2

ডাব্লু 3 স্কুল স্কুল ডটকম অনুসারে ,

কেন্দ্রের উপাদানটি এইচটিএমএল ৫.০১ এ অবমূল্যায়ন করা হয়েছিল এবং এটি এক্সএইচটিএমএল ১.০ স্ট্রাইক ডিটিডি সমর্থন করে না।

এইচটিএমএল 4.01 বৈশিষ্ট ট্যাগ বিনয়ী জন্য এই কারণে দেয়:

সেন্টার এলিমেন্টটি ডিভুক উপাদানটিকে নির্দিষ্ট করে "মধ্যস্থলে" সেট করা সারিবদ্ধ বৈশিষ্ট্যের সাথে নির্দিষ্ট করার সমান।

Comments

আমি খুব ইচ্ছুক এই সত্য ছিল।

— Badp

এটি আসলে সত্য, তবে ডিআইভির প্রান্তিককরণের অবদানকেও হ্রাস করা হয়েছে: ডি

— ওলেহ প্রিপিন

মনে রাখবেন যে ডাব্লু 3 স্কুলগুলি ডাব্লু 3 সি নয় ।

— শোদেব

"সেন্টার এলিমেন্টটি" কেন্দ্র "এ প্রান্তিককরণ বৈশিষ্ট্যযুক্ত ডিআইভি উপাদান নির্দিষ্ট করার সাথে সমান।" ট্যাগটি দেখে এটি পরিষ্কার যে এটি কেন্দ্রিক except যদি এটি একটি বৈধ কারণ ছিল, তবে আমরা <strong>, <b>, সমস্ত <h> এবং অন্যান্য ট্যাগগুলি চিত্রিত করতে পারি এবং বলতে পারি যে তারা কিছু CSS এর সাথে <span> হিসাবে একই কাজ করে do এছাড়াও, এক্সএইচটিএমএল এমনকি ক্যানভাসের মতো এইচটিএমএল 5 ট্যাগগুলিও স্বীকৃতি দেয় না। এটি কেবলমাত্র মার্কি, কেন্দ্র, টেবিল, ফ্রেমের বিরুদ্ধে যুদ্ধের কারণেই খালি ধর্মীয় যা তাদের সকলেরই একটি জায়গা রয়েছে বলেই অবহেলিত।

— দিমিত্রি

@ দিমিত্রি <strong> এবং <h> এর অর্থপূর্ণ অর্থ রয়েছে যা ভিজ্যুয়াল স্টাইলিংয়ের বাইরে। আমি অনুমান করি << যদি আপনি এখনও আশেপাশে থাকেন তবে এটি CSS এর সাথে স্টাইল করতে পারত, যেমন এর বিষয়বস্তুটিকে ন্যায্য রেখে দেওয়া।

— নিক রাইস

Answer 3

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

.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}

এখন আমি এগুলিকে আমার HTML কোডগুলিতে সাধারণ কাজগুলি সম্পাদন করতে ব্যবহার করতে পারি।

<p class="text_center">Some Text</p>

Answer 4

আমি এখনও মাঝে মাঝে <কেন্দ্র> ট্যাগটি ব্যবহার করি কারণ সিএসএসে কিছুই কাজ করে না। <ডিভ> কৌতুক ব্যবহার করার চেষ্টা করার এবং ব্যর্থ হওয়ার উদাহরণ:

<div style="text-align: center;">This div is centered, but it's a simple example.</div>
<br />
<div style="text-align: center;"><table border="1"><tr><td>&lt;div style="text-align: center;"&gt; didn't center correctly.</td></tr></table></div>
<br />
<div style="text-align: center;margin-left:auto;margin-right:auto"><table border="1"><tr><td>&lt;div style="text-align: center;margin-left:auto;margin-right:auto"&gt; still didn't center either</td></tr></table></div>
<br />
<center><table border="1"><tr><td>Actually Centered with &lt;center&gt; tag</td></tr></table></center>

<কেন্দ্র> ফলাফল পায়। পরিবর্তে সিএসএস ব্যবহার করতে, আপনাকে মাঝেমধ্যে বেশ কয়েকটি জায়গায় সিএসএস লাগাতে হবে এবং এটিকে ডানদিকে নিয়ে যাওয়ার জন্য এটিতে গোলমাল করতে হবে। আপনার প্রশ্নের উত্তর দেওয়ার জন্য, CSS তাদের বিশ্বাসের এবং অনুসারীদের সাথে একটি ধর্মে পরিণত হয়েছে যারা <<<> <b> <i> <u> কে তাদের নিজের কাজের সুরক্ষার স্বার্থে নিন্দা, অপরিষ্কার এবং খুব সহজ বলে প্রত্যাখ্যান করেছিল। এবং যদি তারা আপনার <table> আপনার কাছ থেকে দূরে সরিয়ে নেওয়ার চেষ্টা করে, তবে তাদের কাছে জিজ্ঞাসা করুন যে কলস্প্যান বা রোউস্প্যান বৈশিষ্ট্যের CSS সমতুল্য কি।

এটি বিমূর্ত বা বুকিশ সত্য নয়, তবে জীবিত সত্য যা গণনা করা হয়।
- জেন

Comments

আপনিও ব্যবহার করতে পারেনdisplay:flex; justify-content:center; text-align:center

— জাস্টিন লিউ

Answer 5

আপনি যদি এটি চান তবে এটি এক্সএইচটিএমএল 1.0 ট্রান্সিশনাল এবং এইচটিএমএল 4.01 ট্রানজিশনাল দিয়ে ব্যবহার করতে পারেন। আর একমাত্র উপায় (সর্বোত্তম উপায়, আমার মতে) মার্জিন সহ:

<div style="width:200px;margin:auto;">
  <p>Hello World</p>
</div>

আপনার এইচটিএমএলের উপাদানটি নির্ধারণ করা উচিত, এর উপস্থাপনাটি পরিচালনা করে না।

Answer 6

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

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

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

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

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

Comments

+1: এমন একজন হিসাবে যিনি এমনকি একজন ওয়েব বিকাশকারীও নন, আমি সিএসএস ব্যবহার করে কিছু বর্তমানের বৈশিষ্ট্য নির্দিষ্ট করে দেওয়া কতটা জটিল হতে পারে তা আমি স্বীকার করি। স্ট্রাকচারাল মার্কআপে গোলমাল করার চেয়ে সিএসএস ব্যবহার করা এখনও আমার কাছে আরও ভাল, তবে ... ডাব্লুটিএফ? সিএসএস স্পেক, এলোমেলো বানর যেগুলি প্রত্যন্ত প্রত্যন্ত জঙ্গলে পাওয়া গেছে তার সংজ্ঞা দেওয়ার দায়িত্বে কে? সিরিয়াসলি।

— ড্যান মোল্ডিং

দয়া করে দূরবর্তী জঙ্গলে এলোমেলো বানরদের অপমান করবেন না!

— ডেভওয়ালি

Answer 7

এইচটিএমএল লেআউট নিয়ন্ত্রণ না করে ডেটা স্ট্রাকচারিংয়ের উদ্দেশ্যে তৈরি। সিএসএস হ'ল লেআউট নিয়ন্ত্রণ করতে। আপনি দেখতে পাবেন যে অনেক ডিজাইনার <table>খুব একই কারণে লেআউটগুলির জন্য ব্যবহার করতে ভ্রান্ত হয়েছেন ।

Answer 8

পাঠ্য এবং চিত্রগুলির জন্য আপনি ব্যবহার করতে পারেন text-align:

<div style="text-align: center;">
    I'm centered.
</div>

Comments

এগুলিকে ইনলাইন উপাদান বলা হয়।

— ক্রিস্টোফ বোহলার

Answer 9

সিএসএসের একটি text-align: centerসম্পত্তি রয়েছে এবং যেহেতু এটি নিখুঁতভাবে ভিজ্যুয়াল জিনিস, শব্দার্থক নয়, এটি এইচটিএমএল নয়, সিএসএসে ছেড়ে দেওয়া উচিত।

Comments

এটির বিকল্পের পাশাপাশি কেন অবহেলা করা হয়েছিল তা ব্যাখ্যা করার জন্য +1।

— moribvndvs

তবে text-alignকনটেইনার সামগ্রীটি প্রান্তিককরণ করবে, নিজেই ধারক নয়

— আন্ড্রেয়াস গ্রেচ

আহা, হ্যাঁ, এটি যদি কোনও ব্লক-স্তর উপাদান থাকে তবে "অটো" প্যাডিং এটি করবে। যদি এটি কোনও ইনলাইন উপাদান text-align: centerথাকে তবে এর মূল উপাদানটি ব্যবহার করুন।

— keithjgrant

(

— উফফ

@AndreasGrech - <center>না উভয় । এটি বিরক্তিকরভাবে বিস্তৃত।

— কোয়ান্টিন

Answer 10

চিন্তার জন্য খাদ্য: একটি পাঠ্য থেকে স্পিচ সিনথেসাইজার কী করবে <center>?

Comments

সম্ভবত "কেন্দ্র" বা "কেন্দ্রিক" কথা বলুন।

— ডেভওয়ালি

এটি CSS এর পাঠ্য-প্রান্তিককরণের সাথে একই রকম: কেন্দ্র; আমি ধরে নিচ্ছি.

— MSpreij

Answer 11

আপনি এটি আপনার সিএসএসে যুক্ত করতে পারেন এবং ব্যবহার করতে পারেন <div class="center"></div>

.center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

বা যদি আপনি <center></center>এটিটি কখনও অপসারণের ক্ষেত্রে রাখতে এবং প্রস্তুত রাখতে চান তবে এটি আপনার CSS এ যুক্ত করুন

center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

Answer 12

সর্বশেষ জনপ্রিয় উত্তর

1. একটি অবহেলিত ট্যাগ অগত্যা একটি খারাপ ট্যাগ নয়;
2. এমন ট্যাগ রয়েছে যা উপস্থাপনার যুক্তি নিয়ে কাজ করে, সেগুলিরcenter মধ্যে একটি;
3. কোনও centerট্যাগটি ডিভের মতো নয় text-align:center;
4. আসলে আপনি আছেন তারা অন্য উপায় কিছু এতে অবৈধ দেখা যায় না না।

আমাকে ব্যাখ্যা করতে দাও কারণ এখানে কুখ্যাত ডাউনভোটাররা যারা আছেন তারা ভাববেন যে আমি ওল্ডস্কুলের এইচটিএমএল 4 বা অন্য কিছুকে রক্ষা করছি। না আমি নই. তবে চারপাশে বিতর্কটি centerকেবল একটি ট্রেন্ড যুদ্ধ, কোনও ট্যাগ খাঁদ করার কোনও আসল কারণ নেই যা একটি কার্যকর উদ্দেশ্যকে ভালভাবে পরিবেশন করে।

সুতরাং আসুন এর বিরুদ্ধে প্রধান যুক্তি দেখুন।

• "এতে উপস্থাপনা বর্ণিত হয়েছে, শব্দার্থ নয়!"
  না। এটি একটি যৌক্তিক বিন্যাসের বর্ণনা দেয় - এবং হ্যাঁ একটি ডিফল্ট উপস্থিতি থাকে, যেমন অন্যান্য ট্যাগগুলি পছন্দ করে<p>বা<ul>করে। তবে বিষয়টি হ'ল এর চারপাশের সাথে বদ্ধ অংশের সম্পর্ক। কেন্দ্র বলছে "এটি দৃশ্যত ভিন্ন অবস্থানের দ্বারা আমরা পৃথক করে"।

• "এটি বৈধ নয়"
  হ্যাঁ এটি। এটি কেবল হ্রাস করা হয়েছে, যেমনটি পরে করা যেতে পারে । এখন 15+ বছর ধরে। এবং এটি কোথাও যাচ্ছে না, দৃশ্যত। এখানে বড় বড় সাইট রয়েছে যা এই ট্যাগটি ব্যবহার করে কারণ এটি খুব পঠনযোগ্য এবং বিন্দুতে।

• "এটি এইচটিএমএল 5 তে সমর্থিত নয়"
  এটিপ্রকৃতপক্ষেসর্বাধিক বহুল সমর্থিত ট্যাগগুলির মধ্যে একটি।

• "এটি ওল্ডস্কুল"
  শোলিসগুলি ওল্ডস্কুল। নতুন পদ্ধতিগুলি পুরানোটিকে অবৈধ করে না। আপনি প্রগতিশীল এবং আধুনিক বোধ করতে চান: জরিমানা। তবে এটিকে আইন করবেন না।

• "এটি বোকা / বিশ্রী / খোঁড়া / আপনার সম্পর্কে একটি গল্প বলে"
  এগুলির কোনও কিছুই নয়। এটি হাতুড়ির মতো: নির্দিষ্ট কাজের জন্য একটি সরঞ্জাম। একই কাজের জন্য অন্যান্য সরঞ্জাম এবং একই সরঞ্জামের জন্য অন্যান্য কাজ রয়েছে; তবে এটি একটি নির্দিষ্ট সমস্যা সমাধানের জন্য তৈরি করা হয়েছিল এবং সমস্যাটি এখনও রয়েছে তাই আমরা কেবল একটি নিবেদিত সমাধান ব্যবহার করতে পারি।

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

টি এল; ডিআর:

ব্যবহার না করার একমাত্র কারণ <center>হ'ল লোকেরা আপনাকে ঘৃণা করবে।