এইচটিএমএল ইনলাইন উপাদান বনাম উপাদান ব্লক: পার্থক্য কেন?


15

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

তাহলে দুই প্রকার?


এই প্রশ্নের আমার প্রিয় অংশটি হ'ল এটি কীভাবে একটি ইনলাইন শৈলী ব্যবহার করে <br/>এবং <p>শেষ পংক্তিকে প্রথম অনুচ্ছেদ থেকে আলাদা করার জন্য একটি ট্যাগ। সম্ভবত আপনার বাস্তবায়নের পার্থক্যের চেয়ে ভিজ্যুয়াল ইচ্ছার বিস্তৃত পার্থক্যগুলি দেখা শুরু করা উচিত।
রিওয়ালক

1
যদিও আমি 100% বিশ্বাস করি যে ব্লক উপাদানগুলি কার্যকর এবং আপনার প্রস্তাবিত সমাধানের সাথে একমত নন, এটি এখনও একটি দুর্দান্ত প্রশ্ন।
নিকোল

উত্তর:


13

তুমি বলো:

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

আপনি সঠিক পথে আছেন - ডিজাইনার দ্বারা স্টাইলটি সিদ্ধান্ত নেওয়া উচিত।

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

elementsঅন্যদিকে, ইনলাইন / ব্লক হ'ল সাধারণ ব্যবহারের ক্ষেত্রে উপযুক্ত সুবিধাজনক ডিফল্ট সহ স্টাইলযুক্ত উপাদানগুলি। সিএসএস ডিজাইনার দ্বারা display:inlineবা এর সাথে তত্ক্ষণাত ভিজ্যুয়াল সম্পত্তিটি পরিবর্তন করা যেতে পারে display:block

উদাহরণস্বরূপ এই দিন নেভিগেশনের জন্য সাধারণ উপাদানটি ধরুন - <li>। এগুলি ডিফল্ট blockউপাদানগুলির দ্বারা হয় তবে ডিজাইনারগুলি এগুলিকে floatইনলাইন প্রদর্শিত করতে সক্ষম করে তোলে ( blockপুরো লাইনটি গ্রহণের চেয়ে আরও বিশেষ বৈশিষ্ট্য রয়েছে তবে এটি অন্য দিনের কথোপকথন)।


3

বেশিরভাগ উপাদানের একটি স্ট্যান্ডার্ড ফর্ম্যাটিং থাকে ... আপনার প্রশ্নটি আরও বাড়ানো যেতে পারে যে এই ফর্ম্যাটটি ডিজাইনারেরও সিদ্ধান্ত হওয়া উচিত এবং এটি সরানো উচিত। আমি সবসময় কেবল এটি অনুমান করি যে এটি একটি প্রারম্ভিক বিন্দু এবং প্রয়োজনে ফরম্যাটটি সরিয়ে ফেলে (প্রায়শই এটি হয় নি)। তবে শেষ পর্যন্ত কিছু জিনিস আছে যা প্রাকৃতিক। উদাহরণস্বরূপ আপনার যদি কোন অনুচ্ছেদ থাকে তবে আপনি এটি একটি ব্লক উপাদান হিসাবে প্রত্যাশা করছেন কারণ অনুচ্ছেদে প্রকৃতি রয়েছে। নির্বিশেষে উপাদানগুলির ডিফল্ট সেটিংস যেমন ব্লক বা ইনলাইন রয়েছে বা না থাকুক আমি অবশ্যই অবশ্যই এই বিকল্পটি নির্দিষ্ট করার ক্ষমতা চাই want যে কারণে আমি এটি বলছি এটি কোনও নিক্ষেপ বনাম এইভাবে জিনিসগুলি ভাঙ্গা আইএমওর ক্লিনার<br />এইচটিএমএলে এটি কি একই কাজ করে? হ্যাঁ. তবে এইচটিএমএল-এ সাম্প্রতিক অগ্রগতির সাথে একটি বৃহত প্রচেষ্টা এটিকে আরও শব্দার্থক ভাষায় তৈরি করার দিকে দৃষ্টি নিবদ্ধ করা হয়েছিল যেখানে আপনি এইচটিএমএলটিতে যতটা কম ফর্ম্যাটিং এবং সিএসএসে আরও বেশি রাখেন। <br />মানে লাইন বিরতি যা সাধারণত একটি অনুচ্ছেদ বা অন্যান্য বাক্য ধারণকারী কাঠামো একটি লাইন বিরতি উল্লেখ করা হয়। শেষ পর্যন্ত এটি আমার কাছে গুরুত্বপূর্ণ নয় তবে আমি ব্যক্তিগতভাবে ব্লক এবং ইনলাইন পার্থক্য রাখার সক্ষমতা চাই তাই আশা করি তারা কমপক্ষে সিএসএসের দিক থেকে এটিকে কখনও সরাবেন না!


2

এটি এমন একথা বলা যেমন অনুচ্ছেদে এবং বাক্যগুলির মধ্যে কোনও সত্যিকারের পার্থক্য নেই। অনুচ্ছেদগুলি একদল ধারণার সীমানা নির্ধারণ করে। সাধারণত, একটি বাক্য একটি একক ধারণার জন্য।

মার্কআপটি শব্দার্থবিদ্যা সম্পর্কিত, প্রদর্শন নয়। প্রকৃতপক্ষে, ডিজাইনার যে কোনও উপাদানকে ব্লক শৈলীতে ইনলাইন এবং তদ্বিপরীত হিসাবে ডিফল্ট হিসাবে বিবেচনা করতে মুক্ত free


2

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


0

আমার কাছে পিছিয়ে সামঞ্জস্যের ইস্যুর মতো শোনাচ্ছে। ইনলাইন উপাদানটি সম্ভবত এইচটিএমএল স্ট্যান্ডার্ডের পরে একটি সংযোজন ছিল এবং তাই 1992 সালে রচিত ওয়েব পৃষ্ঠাগুলি এখনও ২০১১ সালে দেখা যেতে পারে, এটি এখনও সমর্থিত - যেমন ১৯ বছরের পুরনো ওয়েব পৃষ্ঠাগুলি আছে ...!


-1

আমি মনে করি ডিসপ্লেের মোডগুলি ব্লক এবং ইনলাইনগুলির মধ্যে এতটাই আলাদা যে মার্কআপ স্তরে তৈরি করার মতো পার্থক্য।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.