<বিআর /> ব্যবহার করা কি কখনও কখনও খারাপ?

Question

কখনও কখনও <BR/>ট্যাগ ব্যবহার করা খারাপ ?

আমি জিজ্ঞাসা করি কারণ আমার উন্নয়ন দল আমাকে যে প্রথম পরামর্শ দিয়েছে তা হ'ল: ব্যবহার করবেন না <BR/>; পরিবর্তে, শৈলী ব্যবহার করুন। কিন্তু কেন? <BR/>ট্যাগ ব্যবহার করার সময় কি নেতিবাচক ফলাফল রয়েছে ?

Comments

সেরা উত্তরটি সন্ধান করার সর্বোত্তম উপায়টি হল আপনার ডেভ দলে যান এবং কেন তাদের জিজ্ঞাসা করুন?

— আজমশর্প

দলের সদস্যদের চেয়ে স্ট্যাকওভারফ্লো থেকে উত্তর পাওয়ার চেষ্টা করার জন্য হঠাৎ কী ভুল কাজ করা উচিত?

— নোসারেডা

না, এটি কেবল তাকেই একটি ব্যক্তিগত উত্তর দিয়েছে এবং তিনি এর পিছনে যুক্তিটি অনুমান করতে আমাদের জিজ্ঞাসা করছেন ... কেবল গিয়ে সেই ব্যক্তিকে জিজ্ঞাসা করুন যিনি আপনাকে ব্যক্তিগত উত্তরটি দিয়েছেন, বিশেষত যদি তারা কাছাকাছি থাকে (একই উন্নয়ন দলে)

— গ্যাব্রিয়েল মাগানা

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

— নোসরেডেনা

আমি আপনার পরামর্শ এবং আপনার ধরনের সঠিক বুঝতে। তবে জিনিসটি যখন আপনি একটি নতুন দলে প্রবেশ করেন তখন অল্প সময়ের মধ্যে এতগুলি ইনপুট পাওয়া যায়। এবং তাদের মধ্যে কিছু উল্লেখ করা হয়েছে; বন্ধনীতে দেওয়া একটি বিবরণের মতো। আমি এটি এখানে দুটি কারণে জিজ্ঞাসা করতে চেয়েছিলাম: একটি উত্তর পেতে এবং এটিতে কীভাবে যোগাযোগ করা যায় তার বিভিন্ন মতামত দেখতে। ধন্যবাদ বন্ধুরা!

— পেনসিল কেক

Answer 1

ব্যবহার না করার মূল কারণটি <br>এটি শব্দার্থক নয় । যদি আপনি বিভিন্ন ভিজ্যুয়াল ব্লকে দুটি আইটেম চান তবে আপনি সম্ভবত এটি বিভিন্ন লজিক্যাল ব্লকগুলিতে চান।

বেশিরভাগ ক্ষেত্রে এর অর্থ হ'ল বিভিন্ন উপাদান ব্যবহার করা, উদাহরণস্বরূপ <p>Stuff</p><p>Other stuff</p>, এবং তারপরে ব্লকগুলি যথাযথভাবে সরিয়ে রাখতে CSS ব্যবহার করা।

এমন কেস রয়েছে যেখানে <br>শব্দার্থগতভাবে বৈধ, অর্থাত্ লাইন ব্রেকটি আপনার পাঠানো ডেটার অংশ । এটি সত্যই কেবল 2 ব্যবহারের ক্ষেত্রে সীমাবদ্ধ - কবিতা এবং মেলিং ঠিকানা।

Comments

ব্যক্তিগতভাবে, আমি <pre/>কবিতা ব্যবহার করতে পছন্দ করব । এইভাবে, আপনি স্পষ্টভাবে নির্দিষ্ট করে নিন যে উদ্দেশ্যটি সম্ভাব্য ইনডেন্টেশন সহ আসল রচনাটি রাখা।

— মিশা গার্নি

@ MichałGórny একটি ভাল পয়েন্ট উত্থাপন - <br>গুলি শুধুমাত্র উপযুক্ত হবে বলে মনে হচ্ছে যেখানে সব নিম্নলিখিত অবস্থার প্রয়োগ: 1. নতুন লাইন শব্দার্থগতভাবে অর্থপূর্ণ হয়, 2. আঁকাবাঁকা রেখা হয় না শব্দার্থগতভাবে অর্থপূর্ণ (অন্যথায় আপনি একটি ব্যবহার করা উচিত <pre>, 3 অন্য কোন শব্দার্থগতভাবে উপযুক্ত বিদ্যমান । ট্যাগ, একটি অনুচ্ছেদ বা হেডার ট্যাগ মত মেইলিং অ্যাড্রেস এই অবস্থার সব তিনটি সন্তুষ্ট, এবং তাই গানের কি কবিতা -এর সম্ভাব্য লঙ্ঘন পারে শর্ত 'খাঁজ অর্থপূর্ণ নয়', এবং তাই ভাল একটি স্থাপন করা হতে পারে। <pre>।

— মার্ক এ Amery

<br />কোনও ইমেলের সাইন অফে ব্যবহার সম্পর্কে কী , যেমন: <footer>Sincerely,<br />StrexCorp</footer> মতামত?

— জেএইচএস

Answer 2

আমি মনে করি আপনার উন্নয়ন দলটি <br />মার্জিন ব্যবধানের জায়গায় উল্লেখ করছে to উপাদানগুলির মধ্যে ফাঁকা স্থান তৈরি করতে, CSS এর মাধ্যমে প্যাডিং / মার্জিন স্টাইলিং ব্যবহার করুন।

এর খারাপ ব্যবহার <br />:

<div>
   Content
</div>
<br />
<br />
<br />
<br />
<div>
     More content...
</div>

এর ভাল ব্যবহার <br />:

<style>
     div {
          margin-top:10px;
     }
</style>

<div>
   Content<br />
   Line break
</div>

<div>
     More content...
</div>

Comments

কিছু নেই যদি আপনি আপনার <br> গুলি সরিয়েছি কারণ আপনি শুধু আপনার <br> গুলি সরাতে পারবেন না এবং CSS যোগ করুন, করতে শৈলী। শূন্যস্থান পূরণ না করে (আক্ষরিক) সাহায্য না করে "আপনার লাইন ব্রেকগুলি সরিয়ে ফেলুন" বলা অবিশ্বাস্যরূপে সহায়ক নয়

— গ্যারেথ

আপনি ঠিক বলেছেন, আইমকোয়া, তবে এটি কেন তা ব্যাখ্যা করে না । সুতরাং এটি প্রশ্নের উত্তর দেয় না। 24 upvotes কিছুটা মনে হয়।

— অরবিটে হালকা ঘোড়দৌড়

@ আইয়ামকোয়া আপনি কেন তা ব্যাখ্যা করছেন না ।

— ফ্যাবিয়ান পিকন

আমি মনে করি যে দ্বিতীয় বিকল্পটি আরও ভাল কারণ এটি আরও পরিষ্কার এবং আরও সহজ আমি মনে করি বিআর ব্যবহারের প্রয়োজন নেই

— সাইমন

Answer 3

সাধারণত <br/>এটি হ'ল দুর্বল শব্দগুলির এইচটিএমএল এর ইঙ্গিত। সর্বাধিক সাধারণ ক্ষেত্রে <br/>অনুচ্ছেদের পৃথকীকরণগুলি ঘোষণা করার জন্য ব্যবহার করা হচ্ছে , যা শব্দার্থকভাবে এটি করার আরও অনেক ভাল উপায় রয়েছে। দেখুন বেড এন্ড ব্রেকফাস্ট ।

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

Answer 4

আপনার দলটি যা বোঝাতে চেয়েছিল তা হ'ল অনুচ্ছেদগুলির মধ্যে বিভক্ত হওয়ার জন্য <br> গুলি ব্যবহার করা হয়নি।

<p>I am a paragraph</p>
<p>I am a second paragraph</p>

এটি করার সর্বোত্তম উপায় হ'ল কারণ আপনি তখন সহজেই CSS এর মাধ্যমে অনুচ্ছেদের মধ্যে স্পেসগুলি সামঞ্জস্য করতে পারেন। তা ছাড়া, আমি পুনরায় লাইন ব্রেক যেমন বলার কিছুই ভাবতে পারি না।

Answer 5

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

<br/>আপনি যদি লেআউটটিকে প্রভাবিত করতে চান তবে পাঠ্য এবং সিএসএসের একটি ব্লকে ব্রেক লাইন ব্যবহার করুন ।

Answer 6

লেআউটটি নির্দিষ্ট করে দেওয়া আপনাকে উদাহরণস্বরূপ বিভিন্ন পৃষ্ঠার আকার বা ফন্টের জন্য সাইটটিকে অভিযোজিত করতে সমস্যা করে।

Answer 7

আমি সাধারনত সিএসএস ব্যবহার করে উপাদানগুলির উপর যথাযথ মার্জিন এবং প্যাডিং সেট করব - এটি <br />শব্দার্থগতভাবে সঠিক হওয়া ব্যতীত পুরো জায়গা জুড়ে বোঝার চেয়ে অনেক কম অগোছালো ।

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

বেশিরভাগ জিনিসের মতো, <br />এসগুলি সঠিকভাবে ব্যবহার করা হচ্ছে তা সরবরাহ করা কোনও খারাপ জিনিস নয়।

Answer 8

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

Answer 9

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

Answer 10

এগুলি নতুন লাইনের প্রতিনিধিত্ব করতে ব্যবহার করা হবে। বেশি না. গড় ভূ-প্রকৃতির সাইটের মতো স্থান পূরণ করা নয়। তবে কেবলমাত্র একটি ক্ষেত্রেই এটি একটি নতুন লাইন স্থাপনের চেয়ে অন্য উদ্দেশ্যে কার্যকর হতে পারে: ভাসমানগুলি সাফ করার জন্য।

<br style="clear: both;">

Comments

ব্যবহৃত হলেও, এই পদ্ধতিটি বৈধ এক্সএইচটিএমএল নয়।

— আইমকোয়া

overflow:autoপরিবর্তে পরিবর্তিত উপাদানটি ব্যবহার করে আপনি প্রায়শই এই "হ্যাক" পেতে পারেন ।

— এমপেন

@ আইয়ামকোয়া: আমি এক্সএইচটিএমএল ব্যবহার করি না। এইচটিএমএল হ'ল এইচটিএমএল, এক্সএমএল নয়।

— বালুসসি

Answer 11

তিন বা ততোধিক <br>টানা ব্যবহার করবেন না , এটি এমন একটি সংকেত যা আপনি এগুলি স্টাইলিস্টিক উদ্দেশ্যে ব্যবহার করছেন এবং না, আপনার করা উচিত নয়।

কেউ কেউ বলবেন একটি এককই <br>যথেষ্ট এবং দুজনের পরিবর্তে আপনার ব্যবহার করা উচিত <p></p>, তবে এমন পরিস্থিতি রয়েছে (যেমন চিত্রনাট্য) যেখানে আপনি কোনও বিষয় পরিবর্তন বা নতুন সময় শুরু না করেই দীর্ঘ বিরতি প্রবর্তন করতে চান, যেমন অনুচ্ছেদে সাধারণত হয়।

Answer 12

তারা ঠিক আছে, যদি সঠিকভাবে ব্যবহার করা হয়। উদাহরণস্বরূপ, আপনি এগুলি <p>ট্যাগের পরিবর্তে বা উপাদানগুলির মধ্যে ফাঁক তৈরি করতে ব্যবহার করবেন না । আপনার যদি একসাথে দু'বার থাকে তবে আপনি সম্ভবত কিছু ভুল করছেন।

Answer 13

আপনি যদি এটি করেন: <BR/> <BR/>

আপনি বিভিন্ন ব্রাউজারে বিভিন্ন লেআউট পাবেন।

গভীর:
আপনি যদি <BR/>কেবল লাইন ব্রেকগুলির জন্য ব্যবহার করেন - ঠিক আছে।
আপনি যদি <BR/>লাইন স্পেসার হিসাবে ব্যবহার করেন - ঠিক নেই।

Answer 14

<br>স্টাইলিংকে কীভাবে নেতিবাচকভাবে প্রভাব ফেলতে পারে তার একটি উদাহরণ এখানে রয়েছে (ভিজ্যুয়ালগুলির জন্য স্নিপেট চালান)

(বিভ্রান্ত বোতাম এবং ডানদিকে বিজোড় স্থান নোট করুন):

button {
  width: 70px;
  height: 70px;
}
#arrows {
  border: solid thin red;
  display: inline-block;
}
#arrows span:first-of-type { 
  text-align: center; 
  display: block;
}
#moveUp {
  margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type { 
  display: block;
}
*/

<div id="arrows">
  <span>
    <button id="moveUp" value="üles">&uarr;</button> 
  </span>
  <button id="moveLeft" value="vasakule">&larr;</button> 
  <button id="moveDown" value="alla">&darr;</button> 
  <button id="moveRight" value="paremale">&rarr;</button> 
  <br>    <!-- note the shifted button and odd space on right -->
  <span>or move with keyboard arrows</span>
</div>

Answer 15

এইচটিএমএলে (এইচটিএমএল 4 অবধি): <br>
এইচটিএমএল 5 ব্যবহার করুন :<br> পছন্দসই, <br/>এবং <br />এটি
এক্সএইচটিএমএলে গ্রহণযোগ্য :<br /> পছন্দসই। ব্যবহার করতে পারেন <br/>বা<br></br>

সুতরাং <br>ট্যাগ ব্যবহার পুরোপুরি বৈধ এইচটিএমএল। কিন্তু ব্যবহারের <br>পরামর্শ দেওয়া হচ্ছে না?

<br>এটি ব্যবহার না করার মূল কারণ হ'ল এটি শব্দার্থক ট্যাগ নয় এবং এর ভিতরে কোনও সামগ্রী নেই। এর ব্যবহার যেমন এড়ানো যায়,

<p>some<br>text<p>

<br>হিসাবে চিহ্নিত করা যেতে পারে

 <p>some</p>
 <p>text<p>

যদি আপনি <br>অন্যান্য উদ্দেশ্য যেমন শীর্ষ স্পেসিং ইত্যাদি ব্যবহার করেন যা সিএসএস marginসম্পত্তি দ্বারা অর্জন করা যেতে পারে ।

Comments

নোট করুন যে <p> ব্যবহার করে উপরে এবং নীচে ~ 16px মার্জিন যুক্ত হবে। লাইনের ফাঁকের ফাঁকে ফাঁকে এড়াতে <p> ট্যাগের প্রতিটি মার্জিন 0px এ সেট করুন they

— সাতবীর কীরা