এইচটিএমএল-তে অর্ধ-স্পেস, এম-স্পেসস, এন-স্পেস ইত্যাদির জন্য & nbsp এর মতো আরও শ্বেত স্পেস কোডগুলি কি কার্যকর?

Question

এইচটিএমএল নিউজলেটারে ব্যবহারের জন্য অন্য কোডগুলি পাওয়া যায় কিনা তা ভাবছেন।

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

প্রসঙ্গে টেমপ্লেটটি আমি ব্যবহার করছি মেলচিম্প স্নিপ থেকে নিঃশব্দ থিম:

    <!-- language: lang-html -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="626">
    <tbody>
        <tr>
            <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;">
                <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97">
                    <tbody>
                        <tr>
                            <td valign="middle" width="160" style="vertical-align:middle; text-align: left;">
                                <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" />
                            </td>
                            <td valign="middle" style="vertical-align: middle; text-align: left;">
                                <h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Title of Report</span></singleline>
                                </h1>
                                <h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Small Subhead</span></singleline>
                                </h1>
                            </td>
                            <td width="55" valign="middle" style="vertical-align:middle; text-align: center;">
                                <h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;">
                                    <currentmonthname />December
                                </h2>
                                <h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;">
                                     <currentyear />2011
                                </h2>
                            </td>

                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

ওয়েব পৃষ্ঠা হিসাবে পুরো ইমেলটি এখানে দেখা যাবে

Answer 1

হ্যাঁ, অনেক ।

সহ, তবে সীমাবদ্ধ নয়:

• নন ব্রেকিং স্পেস:  বা 
• সংকীর্ণ বিরতি স্থান:  (কোন অক্ষরের রেফারেন্স উপলব্ধ নেই)
• en স্পেস:  বা 
• এম স্পেস:  বা 
• 3-প্রতি-এম স্থান:  বা 
• 4-প্রতি-এম স্থান:  বা 
• 6-প্রতি-এম স্থান:   (কোনও অক্ষরের রেফারেন্স উপলব্ধ নেই)
• চিত্র স্থান:  বা  
• বিরামচিহ্ন স্থান:   বা  
• পাতলা জায়গা:   বা 
• চুলের স্থান:   বা 

span{background-color: red;}

<table>
<tr><td>non breaking space:</td><td> <span>&#160;</span> or <span>&nbsp;</span></td></tr>
<tr><td>narrow no-break space:</td><td> <span>&#8239;</span></td></tr>
<tr><td>en space:</td><td> <span>&#8194;</span> or <span>&ensp;</span></td></tr>
<tr><td>em space:</td><td> <span>&#8195;</span> or <span>&emsp;</span></td></tr>
<tr><td>3-per-em space:</td><td> <span>&#8196;</span> or <span>&emsp13;</span></td></tr>
<tr><td>4-per-em space:</td><td> <span>&#8197;</span> or <span>&emsp14;</span></td></tr>
<tr><td>6-per-em space:</td><td> <span>&#8198;</span></td></tr>
<tr><td>figure space:</td><td> <span>&#8199;</span> or <span>&numsp;</span></td></tr>
<tr><td>punctuation space:</td><td> <span>&#8200;</span> or <span>&puncsp;</td></tr>
<tr><td>thin space:</td><td> <span>&#8201;</span> or <span>&thinsp;</span></td></tr>
<tr><td>hair space:</td><td> <span>&#8202;</span> or <span>&hairsp;</span></td></tr>
</table>

Comments

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

— কনট্রাক্ট

@fyngyrz কমপক্ষে ফায়ারফক্সে লিনাক্সে 54, এটি সত্য নয় (আর)। এটি যদিও ফন্টের উপর নির্ভর করে; আমি স্ট্যাক ওভারফ্লোতে এটি পরীক্ষা করেছি, যেখানে আরিয়াল ফন্ট পরিবার ব্যবহৃত হয়।

— মাত্র এক ছাত্র

যে কোনও ব্যক্তির জন্য যারা দেখতে চান কেবল এই সাদা জায়গার ধরণগুলি jsfiddle.net/LcLg5u25

— ভাদিম ওভচিনিকভ

ফিগার স্পেসটি $numsp;সংখ্যা সারিবদ্ধ করার জন্য খুব দরকারী, কারণ স্থানটি একই ফন্টের একটি সংখ্যার মতো বিস্তৃত হিসাবে সংজ্ঞায়িত করা হয়েছে।

— রুডি

উইন্ডোজ ফায়ারফক্স এখন ঠিক আছে (v.61) বিটিডাব্লু।

— এমএসসি

Answer 2

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

সুতরাং সিএসএস ব্যবহার করা নিরাপদ এবং আপনাকে নির্দিষ্ট-প্রস্থের স্পেসগুলির নির্দিষ্ট প্রস্থগুলি নয়, কোনও পছন্দসই পরিমাণের ব্যবধান নির্দিষ্ট করতে দেয়। যদি আপনি কেবল আপনার এইচ 2 উপাদানগুলির চারপাশে স্পেসিং যুক্ত করতে চান, যেমনটি আমার কাছে মনে হয়, তবে সেই উপাদানগুলিতে প্যাডিং সেট করা (প্যাডিংয়ের মান পরিবর্তন করা: আপনার ইতিমধ্যে 0 সেটিংস রয়েছে) ঠিকঠাক কাজ করা উচিত।

Comments

ধন্যবাদ আমি ইনলাইন অ্যাট্রিবিউট <h1 শ্রেণি = "শিরোনাম" শৈলী = "মার্জিন: 0; মার্জিন-বাম: 2px; প্যাডিং: 0; ফন্ট-আকার: 15px; ফন্ট-ওজন: স্বাভাবিক; রঙ: # 192c45! গুরুত্বপূর্ণ ; "> আমি অনুমান করি যে এটি হ'ল নিরাপদ সত্ত্বেও

— হরফটিকা নিও

তবে যদি তারা উত্তরাধিকারসূত্রে থাকে এবং 'বিদ্যমান অক্ষর ডেটাতে উপস্থিত থাকার কারণে কেবল অক্ষর সেটগুলিতে অন্তর্ভুক্ত করা হয়' তার অর্থ তারা শীঘ্রই যে কোনও সময় চলে যাচ্ছে না। আমি সত্যিই আপনার যুক্তি দেখতে পাচ্ছি না। আমি ধরে নিয়েছি যে কেউ 'উন্নত' যথেষ্ট পরিমাণে 'অর্ধেক স্থান' খুঁজছেন সম্ভবত ইতিমধ্যে সিদ্ধান্ত নিয়েছে যে মার্জিন বা প্যাডিং উপযুক্ত নয়। আমি ( 4 PACK )আমার প্রয়োজনীয়তার জন্য স্থির হয়েছি - মার্জিন বা প্যাডিং ব্যবহার করা

— এটির

@ সিমন_উইভার, যেমনটি আমি বর্ণনা করেছি, স্থির-প্রশস্ত স্থান অক্ষর নির্ভরযোগ্যভাবে কাজ করে না। এগুলি একটি ভোঁতা হাতিয়ার: প্রস্থের একটি নির্দিষ্ট সেট, যদিও প্রকৃত প্রস্থগুলি হরফ-স্বতন্ত্র সেটিংসের মতো বিপরীতে যেমন <span style="padding: 0 0.1em">4 PACK</span>মানগুলি নির্ধারণ এবং সুর করার ক্ষেত্রে স্বাধীন with

— Jukka K. Korpela

যদিও এটি বেশ পুরাতন, পিটার কে শেরিনের "দ্য ট্রাবল উইথ ইএম 'এন (এবং অন্যান্য ছায়াময় চরিত্রগুলি ) " ( অ্যালিস্টার্ট / পার্টিকেল / ইমন ) এখনও এই বিষয়টিতে দরকারী পঠনযোগ্য। বিশেষত - যদিও এটি গত 14 বছরে উন্নত হতে পারে - এটি সত্য যে সমস্ত ফ্যাশনাল টাইপফেসগুলি বিভিন্ন স্থানকে সঠিকভাবে রেন্ডার করে না।

— ডেভ ল্যান্ড

এখানে ZERO WIDTH JOINER ফাইল ফর্ম্যাট.টিন.ফো / ইনফো / ইউনিকোড / চার / ২০০d/index.htm রয়েছে এবং ZERO WIDTH NON JOINERআমি শূন্য-প্রস্থের ফাঁকা জায়গাগুলির চেয়ে বেশি বার ব্যবহার করার প্রবণতা রাখি।

— রেব কেবিন

Answer 3

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

এক্সএমএল এবং এইচটিএমএল অক্ষর সত্তা রেফারেন্সের তালিকা

'নাম' কলামের মধ্যে সামগ্রীটি ব্যবহার করে আপনি এগুলি কেবল একটি &এবং এর মধ্যে মোড়ানো করতে পারেন;

যেমন  ,  ইত্যাদি

Comments

সুতরাং চিহ্নিত করা পাঠ্য প্রসঙ্গে ('<p>' এবং '</p>' এর অভ্যন্তরে বলুন) 'এবং' একটি ইউনিকোড গ্লাইফ নাম বোঝায়, ঠিক? '' কি? এর জন্য যখন স্পেস চরটি সংকেত দেয় না তখন এটি ব্রাউজার দ্বারা পার্স করা হয়েছে?

— প্রশস্ত_চক্ষু_পুতিল

বন্ধ হওয়া আধা কোলন এক অর্থে alচ্ছিক কারণ এইচটিএমএল পার্সার এখনও রেফারেন্সের শেষে হিসাবে সাদা স্থান দেখতে পাবে। তবে স্পেসিফিকেশনটিতে বলা হয়েছে যে আপনি অবশ্যই একটি সেমিকোলন দিয়ে শেষ করতে হবে ( w3.org/TR/html5/syntax.html#character-references )

— isNaN1247

পিএস - আপনি যদি এখনও উত্তর হিসাবে চিহ্নিত করেন তবে আমি এটির প্রশংসা করব - যদি আপনি মনে করেন এটি আপনার প্রশ্নের উত্তর দিয়েছে :)

— isNaN1247

Answer 4

আমি এই ইউনিকোড দশমিক কোড ব্যবহার করেছি ‌এবং কাজ করেছি। আরো বিস্তারিত

Comments

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

— ডাস্কউফ-অ্যাক্টিভটিভ-

Answer 5

সাধারণ এনকোডযুক্ত সাদা-স্থানের চরিত্রটি সম্পর্কে কী?