ওয়েবে টেক্সট ইনডেন্ট ব্যবহার করা উচিত?


11

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

গুরুতর নেতিবাচকতা আছে, বা এটি কেবল ফ্যাশন / ট্রেন্ডের বিষয়?

উত্তর:


8

আপনি অনুচ্ছেদে বিভিন্ন উপায়ে পৃথক করতে পারেন।

ইনডেন্ট

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

ফাঁকা লাইন / স্পেস

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

ফ্লিউরন / ফ্লুরিশ / আইকন / বাগ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

নাম্বার

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

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

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


2
বাগের জিনিসটি আকর্ষণীয়। তবে আমি মনে করি না এটি একটি ব্যবহারযোগ্য ull : ও) - সংখ্যাগুলি (ইমো) অর্থ ভিন্ন ভিন্ন অনুচ্ছেদের চেয়ে অ্যাডিশনাল কিছু।
রাফায়েল

@ রাফায়েল দরকারীতা প্রসঙ্গ ভিত্তিক। :) এটি অবশ্যই স্বীকৃত, সাধারণত ব্যবহৃত হয় না।
DA01

ভাল ... আমাদের এই মন্তব্য বাক্সগুলিতে এই বাগগুলি ব্যবহার করা দরকার! --- স্ট্যাক এক্সচেঞ্জ: আমি মন্তব্যগুলিতে অনুচ্ছেদে চাই! : ও)
রাফায়েল

@ রাফায়েল এটি বাস্তবে কার্যকর হবে যেখানে এটি একটি দুর্দান্ত উদাহরণ! :)
DA01

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

4

এটি বেশিরভাগই ব্যক্তিগত পছন্দ এবং কিছু লোক যুক্তিযুক্ত হবে যে কেন লোকেরাও ঝর্ণার পরিবর্তে ড্রপ ক্যাপ ব্যবহার করে না। ব্যক্তিগতভাবে অনুচ্ছেদের মধ্যে স্থান ইন্ডেনশন যোগ্যতা।

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

এটি সমাধানের জন্য আপনি নির্দিষ্ট ট্যাগগুলিতে grepCSS text-indentসম্পত্তি যুক্ত করতে jQuery ব্যবহার করতে পারেন <p>। সুতরাং আপনার প্রশ্নের উত্তর দেওয়া এটি একটি ব্যক্তিগত পছন্দ। আপনি যদি কোনও ব্লগ পোস্টের মতো কিছু করার জন্য এটি করছেন এবং আপনি প্রতিটি <p>ট্যাগকে ইন্টেন্টেড করতে চান না তবে আপনি ছদ্ম-উপাদানটির প্রথম শিশু ব্যবহার করতে পারেন তাও লক্ষ করুন :

p:first-child {
  text-ident: 1.5em;
}

Icallyতিহাসিকভাবে, এইচটিএমএলে অনুচ্ছেদ যুক্ত করতে বা ড্রপক্যাপগুলি ব্যবহার করার সহজ উপায় ছিল না । সিএসএস যখন দীর্ঘ সময় এলো তখন বিষয়গুলি বদলে গেল।
DA01

1
এর মতো অন্ধকার যুগ সম্পর্কে কথা বলবেন না;)
DᴀʀᴛʜVᴀᴅᴇʀ

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

4

পাঠ্য ইন্টেন্ট করা উচিত? ওয়েল এটি ব্যক্তিগত পছন্দের বিষয় তবে আমি দেখেছি যে বিস্তৃত সাইটগুলি অনুচ্ছেদগুলি ইনডেন্ট করে না।

আপনি এইচটিএমএল এর উত্স তাকান আছে

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

এইচটিএমএল ২.০ ডকুমেন্টের একটি অংশও রয়েছে

অনুভূমিক ট্যাব অক্ষর (এইচটিএমএল ডকুমেন্ট চরিত্রের সেট কোডের কোড 9) স্পেসের ক্ষুদ্রতম ধনাত্মক নানজারো সংখ্যার হিসাবে ব্যাখ্যা করা উচিত যা ৮ টির একাধিক হিসাবে লাইনটিতে অক্ষরের সংখ্যা ছেড়ে যাবে will নথিতে ট্যাব অক্ষর থাকা উচিত নয় , কারণ তারা নিয়মিত সমর্থন করে না

http://www.ietf.org/rfc/rfc1866.txt

ওয়ার্ড প্রসেসরগুলিতে ট্যাব এবং ওয়েবে ব্যবহারের মধ্যে পার্থক্য

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

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

p {
    text-indent: 20px;
}

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

@ DA01 বার্নারস-লি কি এমন সফ্টওয়্যার এবং ব্রাউজার তৈরি করেনি যা এইচটিএমএল রেন্ডার করে? আমি বুঝতে পারি যে কোনও ব্রাউজার এইচটিএমএলকে রেন্ডার করে তবে সে কি এর জন্য মানদণ্ড তৈরি করে নি? এইচটিএমএলে এটি প্রয়োগ করা হয়নি তার কারণ কি ক্ষেত্রগুলির মধ্যে ট্যাব সর্বদা ট্যাব ব্যবহার করা হত? এছাড়াও এইচটিএমএল সাদা স্থান চিনতে পারে না।
অ্যান্ড্রুএইচ

2
ঠিক আছে, তবে এটি কীভাবে রেন্ডার করা যায় তার কোনও 'এইচটিএমএল স্ট্যান্ডার্ড' ছিল না। এটি কেবল ঘটেছে যে তিনি তার নির্দিষ্ট ব্রাউজারে অনুচ্ছেদের মধ্যে অতিরিক্ত ব্যবধান ব্যবহার করতে বেছে নিয়েছিলেন। অন্যান্য ব্রাউজারগুলি এটি ডিফল্ট গ্রহণ করেছিল, তবে এটি কখনও এইচটিএমএল-এর মধ্যে কোনও ধরণের মান হিসাবে ঘোষণা করা হয়নি।
DA01
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.