প্রশ্নটি ইঙ্গিত দিচ্ছে যে, আমার যদি কিছু পাঠ্য থাকে যা আমি এইচটিএমএলটিতে যুক্ত করতে চাই তবে আমার <p>কখন ব্যবহার করা উচিত এবং কখন ব্যবহার করা উচিত <span>?
উত্তর:
আপনার মনে রাখা উচিত, এইচটিএমএলটি এতে থাকা বিষয়বস্তুটি ডিজাইকার করার উদ্দেশ্যে।
সুতরাং, যদি আপনি কোনও অনুচ্ছেদ প্রকাশ করতে চান, তবে এটি করুন।
যদিও আপনার তুলনা ঠিক ঠিক নয়। আরও সরাসরি তুলনা হবে
ক এর
<div>পরিবর্তে কখন ব্যবহার করবেন<p>?
উভয় ব্লক স্তর উপাদান হিসাবে।
এ <span>ইনলাইন, অনেকটা অ্যাঙ্কর ( <a>), <strong>জোর ( <em>) ইত্যাদির মতো, তাই মনে রাখবেন যে এটি এইচটিএমএল এবং প্রাকৃতিক লেখায় উভয় ক্ষেত্রেই পূর্বনির্ধারিত প্রকৃতির দ্বারা অনুচ্ছেদে নিজের আগে এবং পরে বিরতি সৃষ্টি করে, যেমন একটি <div>।
কখনও কখনও, জিনিসগুলিকে স্টাইল করার সময় - ইনলাইন জিনিসগুলি - <span>CSS আপনাকে "হুক" দেওয়ার জন্য একটি দুর্দান্ত জিনিস দেয় তবে এটি অন্যথায় অর্থপূর্ণ বা স্টাইলিস্টিক অর্থহীন একটি ফাঁকা ট্যাগ।
pকরে span। অনুচ্ছেদে, প্যাডিং প্রতিটি লাইনকে প্রভাবিত করে (পাঠ্যের ব্লক), যদিও স্প্যানে এটি কেবল প্রথম রেখাকেই প্রভাবিত করে।
<p>ট্যাগটি হয় paragraph, এবং যেমন, এটি একটি হল ব্লক উপাদান (যেমন উদাহরণস্বরূপ, হয়, h1এবং div), যেহেতু spanএকটি ইনলাইন উপাদান (উদাহরণস্বরূপ, হয়, bএবংa )
ডিফল্টরূপে উপাদানগুলিকে অবরুদ্ধ করুন তাদের উপরে এবং নীচে কিছু শ্বেতস্পেস তৈরি করুন এবং আপনি কোনও floatবৈশিষ্ট্য নির্ধারণ না করলে কিছুই তাদের পাশে সংযুক্ত করা যাবে না ।
ইনলাইন উপাদানগুলি অনুচ্ছেদের অভ্যন্তরে পাঠ্যের স্প্যান্সগুলির সাথে লেনদেন করে। তাদের সাধারণত কোনও মার্জিন থাকে না এবং যেমন আপনি উদাহরণস্বরূপ widthএটিকে সেট করতে পারবেন না ।
স্প্যান সম্পূর্ণরূপে অ-শব্দার্থবিজ্ঞানযুক্ত। এটির কোনও অর্থ নেই এবং এটি কেবল প্রসাধনী প্রভাবগুলির জন্য একটি উপাদান হিসাবে কাজ করে।
অনুচ্ছেদের সিমেটিক অর্থ রয়েছে - তারা একটি মেশিনকে বলে (ব্রাউজার বা স্ক্রিন রিডারের মতো) যে সামগ্রীটি তারা আবদ্ধ করে তা পাঠ্যের একটি ব্লক এবং বইয়ের পাঠ্য অনুচ্ছেদের একই অর্থ।
শব্দার্থকভাবে বলতে গেলে, এপি একটি অনুচ্ছেদে ট্যাগ এবং পাঠ্যের অনুচ্ছেদে বিন্যাস করতে ব্যবহার করা উচিত। স্প্যান হ'ল একটি ইনলাইন ফর্ম্যাটিং পরিবর্তন যা শব্দার্থকভাবে পরিচালনা করা হয় না।
স্প্যান হ'ল একটি ইনলাইন ফর্ম্যাটিং উপাদান যা এর উপরে বা নীচে লাইন ফিড নেই।
একটি পি হ'ল একটি ব্লক উপাদান যা উপরে এবং নীচে একটি অন্তর্নিহিত লাইন ফিড করে।
একটি বাস্তব ব্যাখ্যা: ডিফল্টরূপে, <p> </p>সংযুক্ত পাঠের আগে এবং পরে লাইন ব্রেকগুলি যুক্ত করবে (সুতরাং এটি অনুচ্ছেদে তৈরি করে)। <span>এটি করে না, এজন্য এটিকে ইনলাইন বলা হয় ।
পি ট্যাগ একটি অনুচ্ছেদে উপাদান বোঝায়। এটিতে মার্জিন / প্যাডিং প্রয়োগ রয়েছে। একটি স্প্যান হ'ল একটি আনস্টাইলযুক্ত ইনলাইন ট্যাগ। একটি গুরুত্বপূর্ণ পার্থক্য হ'ল স্প্যান ইনলাইন থাকা অবস্থায় পি হ'ল একটি ব্লক উপাদান, যার অর্থ পাশাপাশি পাশাপাশি বাতাস <p>Hi</p><p>There</p>চলার সময় বিভিন্ন লাইনে প্রদর্শিত হবে <span>Hi</span><span>There</span>।
<স্প্যান> একটি ইনলাইন ট্যাগ, একটি <p> একটি ব্লক ট্যাগ, যা অনুচ্ছেদের জন্য ব্যবহৃত হয়। ব্রাউজারগুলি অনুচ্ছেদের নীচে একটি ফাঁকা রেখা রেন্ডার করবে, যখন <span> গুলি একই লাইনে রেন্ডার করবে।
ট্যাগটি একটি ব্লক-স্তরের উপাদান তবে ট্যাগটি ইনলাইন উপাদান N সাধারণভাবে আমরা ব্লক উপাদানগুলির অভ্যন্তরে স্টাইল করতে স্প্যান ট্যাগ ব্যবহার করি b তবে ইনলাইন শৈলীতে আপনার স্প্যান ট্যাগ ব্যবহার করার দরকার নেই ou আপনাকে যা করতে হবে তা হল; "প্রদর্শন: ইনলাইন" ব্যবহার করে ব্লক উপাদানকে ইনলাইন উপাদানে রূপান্তর করুন
p {
float: left;
margin: 0;
}
কোনও ব্যবধান চারপাশে থাকবে না, এটি স্প্যানের মতো দেখাচ্ছে।
pঅগত্যা পার্শ্ববর্তী লাইন ব্রেক শৈলী নাও হতে পারে, উদাহরণস্বরূপ, এটি একটি ইনলাইন দ্বারা অনুসরণ করা যেতে পারে pilcrow প্রতীক। "ইনলাইন" এবং "ব্লক" পদগুলি অন্ধ ব্যবহারকারীদের কাছে কিছুই বোঝায় না। বরং প্রবাহ সামগ্রী এবং ফ্রেসিং সামগ্রীগুলির মধ্যে পার্থক্য তৈরি করুন ( এই লিঙ্কটি দেখুন )।