উত্তর:
একটি হ'ল অবিচ্ছেদী স্থান এবং অন্যটি নিয়মিত স্থান। একটি বিরতিহীন স্থান মানে লাইনটি সেই বিন্দুতে আবৃত করা উচিত নয়, যেমন এটি কোনও শব্দের মাঝখানে আবৃত না হয়।
তবুও সোভেন্ড তার মন্তব্যে উল্লেখ করেছেন যে, অবিচ্ছিন্ন স্থানগুলি ধসে পড়েছে না।
&hairsp      যার মতো আপনি [ jsfiddle.net/medmunds/4crt3c9j/]
সত্তাটি একটি নন-ব্রেকিং স্পেস তৈরি করে, যা আপনি যখন সেই অবস্থানে একটি স্বয়ংক্রিয় লাইন ব্রেক চান না তখন ব্যবহৃত হয়। নিয়মিত স্পেসে অক্ষর কোড 32 থাকে, যখন অবিচ্ছেদী স্থানের অক্ষর কোড 160 থাকে।
উদাহরণস্বরূপ আপনি যখন স্থান সহ কয়েক হাজার বিভাজক হিসাবে সংখ্যা প্রদর্শন করেন: 1 234 567, তখন আপনি নন-ব্রেকিং স্পেস ব্যবহার করেন যাতে সংখ্যাটি পৃথক লাইনে ভাগ করা যায় না। আপনি যদি মুদ্রা প্রদর্শন করেন এবং পরিমাণ এবং মুদ্রার মধ্যে একটি জায়গা থাকে: 42 এসকে, তবে আপনি একটি অবিচ্ছেদ্য স্থান ব্যবহার করুন যাতে আপনি একটি লাইনে পরিমাণ এবং পরবর্তী মুদ্রায় না পান।
এখানে অন্যান্য উত্তরগুলি ছাড়াও, নিয়মিত ফাঁকা জায়গাগুলির মতো নন-ব্রেকিং স্পেসগুলি "ধসে" পড়বে না। উদাহরণস্বরূপ, উভয়ই
<p>Word1 Word2</p>এবং
<p>Word1 Word2</p>যে কোনও ব্রাউজারে একই রেন্ডার করবে while
<p>Word1 Word2</p>রেন্ডার করার পরে শূন্যস্থানগুলি রক্ষা করবে।
উদাহরণ যতটা উত্তর নেই ...
উদাহরণ # 1:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div> উদাহরণ # 2:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>এবং ফিডল লিঙ্ক ।
আপনি এখানে একটি কাজের উদাহরণ দেখতে পারেন:
http://codepen.io/anon/pen/GJzBxo
এবং
http://codepen.io/anon/pen/LVqBQo
একই বিভাগ, একই পাঠ্য, বিভিন্ন "স্পেস"
<div style="width: 500px; background: red"> [loooong text with spaces]</div>বনাম
<div style="width: 500px; background: red"> [loooong text with ]</div>editআপনার পোস্টটি কোডের ফলাফলের ফলাফলকে আপনার উত্তরে অন্তর্ভুক্ত করতে, বা এসও এর নিজের কোডেডের এম্বেড সংস্করণ যুক্ত করতে, যাতে কোনও কোড বহিরাগত পৃষ্ঠায় না রেখেই ফলাফলটি দেখতে উত্তর ভিজিটর চালাতে পারে। স্ব-অন্তর্ভুক্ত নীতির কারণ হ'ল লিঙ্কটি যদি অ্যাক্সেসযোগ্য হয় তবে উত্তরটি অকেজো হয়ে যায়। এছাড়া, এটিও দরিদ্র ইউএক্স এর প্রয়োজন ব্যবহারকারীদের ত্যাগ করার, শুধু একটি উত্তর পেতে।
একাধিক সাধারণ সাদা স্পেস অক্ষর (স্পেস, ট্যাবুলেটর এবং লাইন ব্রেক) একক সাদা স্থানের অক্ষর হিসাবে গণ্য করা হয় :
সমস্ত HTML উপাদান বাদে
PRE, সাদা স্থানের ক্রমগুলি "শব্দ" পৃথক করে (আমরা এখানে "শব্দ" শব্দটি ব্যবহার করি যার অর্থ "অ-সাদা স্থানের অক্ষরের অনুক্রম")) পাঠ্য ফর্ম্যাট করার সময়, ব্যবহারকারী এজেন্টদের এই শব্দগুলি সনাক্ত করতে হবে এবং নির্দিষ্ট লিখিত ভাষা (স্ক্রিপ্ট) এবং টার্গেট মিডিয়ামের কনভেনশন অনুসারে এগুলি রাখা উচিত।
সুতরাং
foo barহিসাবে প্রদর্শিত হয়
foo barতবে নন-ব্রেক ব্রেক সর্বদা প্রদর্শিত হয় is সুতরাং
foo   barহিসাবে প্রদর্শিত হয়
foo barইতিমধ্যে উল্লিখিত হিসাবে, আপনি যেখানে "নো-ব্রেক-স্পেস" আছে সেখানে লাইন ব্রেক পাবেন না।
এছাড়াও সতর্ক থাকুন, কেবলমাত্র "" "উপাদান থাকা উপাদানগুলি ভুলভাবে প্রদর্শিত হতে পারে, যেখানে & nbsp; কাজ করবে. কমপক্ষে 6 টিতে (যতদূর আমি মনে করি, আই 7 এর একই সমস্যা রয়েছে), আপনার যদি খালি টেবিল উপাদান থাকে তবে এটি স্টাইলিং প্রয়োগ করবে না, উদাহরণস্বরূপ সীমানায়, উপাদানটিতে, যদি কোনও সামগ্রী না থাকে বা কেবল সাদা থাকে স্থান। সুতরাং নিম্নলিখিতগুলি সীমানার সাথে রেন্ডার করা হবে না:
<td></td>
<td> <td>যেখানে সীমানা এই উদাহরণে প্রদর্শিত হবে:
<td>& nbsp;</td>হুম - এটি একটি ডামি স্পেসে রাখতে এখানে এটি সঠিকভাবে রেন্ডার করতে পারে
একটি সাদা জায়গা হিসাবে পরিচালনা করা উচিত।
দুটি সাদা স্থান হিসাবে পরিচালনা করা উচিত
'' একটি অ আকর্ষণীয় সাদা স্থান হিসাবে পরিচালনা করা যেতে পারে
'' + '' একক হিসাবে পরিচালনা করা যায় ''
স্ট্যাকেবল, এর অর্থ আপনি একসাথে একাধিক স্পেস তৈরি করতে পারেন।
এইচটিএমএল কেবল একটি স্থান '' কে বিশ্লেষণ করবে এবং এটি বাকী ...
আপনি যদি পাঁচটি স্পেস চান, আপনি 5 এক্স রাখবেন
@ জোয়েডবার্গ ঠিক আছে, উদাহরণ:
<h1>title</h1> <h2>date</h2>এর সাথে শিরোনাম মার্কআপের মধ্যে স্থান প্রদর্শন করবে না
& nbsp ; জায়গা করবে :)
লাইন-ব্রেক থাকলে, যখন আপনি $ bnsp ব্যবহার করেন তখন লাইনটি ভাঙবে না; কারণ এটি একটি 'নন-ব্রেকিং স্পেস'। এটি গুরুত্বপূর্ণ হতে পারে যদি আপনার নির্দিষ্ট পণ্যের নাম বা এই জাতীয় থাকে, যা সর্বদা একসাথে লেখা থাকে।
আকর্ষণীয় হতে পারে যদি আপনি 12344567 এর মতো সংখ্যায় ডিলিমিটার হিসাবে একটি সাদা স্থান ব্যবহার করতে চান তবে এটি ফ্রান্সে 12 344 567 প্রদর্শিত হবে। লাইনটি ছাড়াই সংখ্যার মাঝখানে খুব কুৎসিত হবে। পরীক্ষা: 12 344 567
TLDR; গৃহীত উত্তর ছাড়াও; একটি অন্তর্নিহিত এবং একটি সুস্পষ্ট।
আপনি যখন কোনও অ্যাপ্লিকেশন / গ্রন্থাগার / ফ্রেমওয়ার্কের মাধ্যমে লিখেছেন বা তৈরি করেছেন এইচটিএমএল যখন আপনার ব্রাউজারটি পড়ে থাকে তখন আপনার এইচটিএমএল কী বোঝায় তা ব্যাখ্যা করা ভাল (যা ব্রাউজার থেকে ব্রাউজারে পরিবর্তিত হতে পারে)। আপনি যখন এইচটিএমএল সত্তা কোডগুলি ব্যবহার করেন, আপনি ব্রাউজারের সাথে আরও নির্দিষ্ট হয়ে থাকেন। আপনি এটি স্পষ্টভাবে বলছেন যে আপনি ব্যবহারকারীর কাছে একটি চরিত্র প্রদর্শন করতে চান (এবং উদাহরণস্বরূপ আপনি বিকাশকারীকে সহজ পাঠযোগ্যতার জন্য আপনার এইচটিএমএলকে ফাঁক করছেন না)।
আরও কংক্রিট হওয়ার জন্য, যদি আউটপুট এইচটিএমএল থাকে:
<html>
<title>hello</title>
<body>
<p>
Tell me and I will forget. Teach me and I
may remember. Involve me and I will learn.
</p>
</body>
</html>ব্রাউজারটি এই সমস্ত শব্দের মধ্যে কেবল একটি স্থান সরবরাহ করবে (এমনকি এটি উন্নত বিকাশযোগ্য পাঠযোগ্যতার জন্য অভিযুক্ত হয়েছে)।
তবে, আপনি যদি একই জিনিসটি রেখে থাকেন এবং কেবল <p>ট্যাগটি এতে পরিবর্তন করেন :
<p>Hello There</p>তারপরে এটি স্পেসগুলি রেন্ডার করবে যেমন আপনি এটি আরও স্পষ্টভাবে নির্দেশ করেছেন। স্টাইলিংয়ের জন্য এই স্পেসগুলি ব্যবহার করার কিছু ইতিহাস রয়েছে। সিএসএস পরিপক্ক হওয়ার সাথে সাথে এই ব্যবহারটি কিছুটা হ্রাস পেয়েছে। তবে, এখনও অনেকগুলি HTML অক্ষর সত্তার বৈধ ব্যবহার রয়েছে: অপ্রত্যাশিতভাবে / অনিচ্ছাকৃতভাবে ব্যাখ্যা এড়ানো (যেমন আপনি যদি কোডটি প্রদর্শন করতে চান)। W3 অন্যান্য চরিত্র কোড দেখানোর জন্য একটি দুর্দান্ত পৃষ্ঠা রয়েছে ।
<p>Hello There</p>বা <p>Hello There</p>(যদি ব্রেকিং কোনও সমস্যা না হয় তবে আপনি আগে এবং পরে নিয়মিত খালি জায়গা ব্যবহার করে কিছু বিট সংরক্ষণ করতে পারেন )।