বিভাগ বনাম নিবন্ধ HTML5

Question

ভিডিও, নিউজফিড ইত্যাদির মতো বিভিন্ন "বিভাগ" থেকে তৈরি আমার একটি পৃষ্ঠা রয়েছে HTML এইচটিএমএল 5 এর মাধ্যমে কীভাবে এগুলি উপস্থাপন করা যায় সে সম্পর্কে আমি কিছুটা বিভ্রান্ত। বর্তমানে আমার কাছে এগুলি এইচটিএমএল 5 <section>এর হিসাবে রয়েছে তবে আরও পরিদর্শন করে দেখা যাচ্ছে তারা আরও সঠিক ট্যাগ হবে <article>। কেউ কি আমার জন্য এই বিষয়ে কিছু আলোকপাত করতে পারে?

এই জিনিসগুলির কোনওটিই শব্দের সত্যিকার অর্থে ব্লগ পোস্ট বা "ডকুমেন্টস" নয় তাই কোন উপাদানটি প্রয়োগ করা উচিত তা দেখার মতো ধরণের।

চিয়ার্স

সম্পাদনা: আমি articleট্যাগটি ব্যবহার করা বেছে নিয়েছি যেহেতু এটি সম্পর্কযুক্ত উপাদানগুলির জন্য একটি ধারক ট্যাগ বলে মনে হয় যা আমার "বিভাগগুলি" অনুমান করে। প্রকৃত ট্যাগ নামের নিবন্ধটি বরং বিভ্রান্তিমূলক বলে মনে হচ্ছে এবং যদিও তারা বলছে যে ওয়েব অ্যাপ্লিকেশনগুলির জন্য বেশি বিবেচনা করে এইচটিএমএল 5 বিকাশ করা হয়েছে তবে আমি অনেকগুলি ট্যাগকে আরও ব্লগকেন্দ্রিক / নথিভিত্তিক হতে পারি find

যাইহোক আপনার উত্তরগুলির জন্য ধন্যবাদ এটি মোটামুটি বিষয়গত বলে মনে হচ্ছে।

Comments

এটা আসলে কোন ব্যাপার না। আপনার বোধগম্য যা কিছু ব্যবহার করুন। ব্যক্তিগতভাবে আমি ব্যবহার করেন section's

— Ilia Choly

@ বিলিয়া চোলি: আমি আপনার সাথে একমত, সত্যিকারের কোন সঠিক বা ভুল নেই।

— শিরগিল ফারহান

উদাহরণ ঝরঝরে ব্যাখ্যা MDN

— randominstanceOfLivingThing

Answer 1

ইন স্ট্রাকচারিং HTML5 এর সম্পর্কে W3 উইকি পাতা , এটা বলেন:

<section>: হয় বিভিন্ন নিবন্ধকে বিভিন্ন উদ্দেশ্যে বা বিষয়গুলিতে গ্রুপবদ্ধ করতে বা একক নিবন্ধের বিভিন্ন বিভাগকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

এবং তারপরে একটি চিত্র প্রদর্শিত হবে যা আমি পরিষ্কার করেছি:

এটি <article>ট্যাগটি কীভাবে ব্যবহার করবেন তাও বর্ণনা করে (উপরের একই ডাব্লু 3 লিঙ্ক থেকে):

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

আমাদের উদাহরণে, <section id="main">ব্লগ এন্ট্রি রয়েছে। প্রতিটি ব্লগ এন্ট্রি আরএসএস ফিডে আইটেম হিসাবে সিন্ডিকেট করার জন্য উপযুক্ত হবে এবং প্রসঙ্গের বাইরে নিজেই পড়লে তা বোধগম্য হবে তাই <article>তাদের জন্য নিখুঁত:

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

সরল হাহ? আপনি নিবন্ধের অভ্যন্তর অংশগুলিও বাসা বেঁধে রাখতে পারেন যদিও সচেতন হন, যেখানে এটি করা বোধগম্য। উদাহরণস্বরূপ, যদি এই ব্লগ পোস্টগুলির প্রত্যেকটির স্বতন্ত্র বিভাগগুলির একটি সুসংগত কাঠামো থাকে তবে আপনি আপনার নিবন্ধগুলির মধ্যেও বিভাগগুলি রাখতে পারেন। এটি এর মতো দেখতে পারে:

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Comments

অতিরিক্তভাবে: <डोमेन> শিরোনাম এবং পাদচরণের (চিত্র থেকে নীল ব্লক) এর মধ্যে উপাদানগুলি মোড়ানোর জন্য ব্যবহার করা যেতে পারে। <figure> নিবন্ধ বা বিভাগের মধ্যে চিত্র মোড়ানো।

— যৌক্তিক ইউনিট

দারূন কাজ. এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। আমি যুক্তিযুক্ত এককের সাথে একমত যা আপনাকে যুক্ত করা উচিত main।

— চক লে বাট

আপনার নিবন্ধে বিভাগটি সহ ছবিটি আপডেট করা উচিত।

— কে - এসও-তে বিষক্রিয়া বাড়ছে।

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

— স্টোকলি

<সেকশন> এর চেয়ে আরও নির্দিষ্ট কিছু প্রয়োজন হলে আপনি <শিরোনাম> এবং <ফুটার> <পার্টিকেল> এর অভ্যন্তরেও ব্যবহার করতে পারেন

— রিক

Answer 2

আপনার মতামতগুলি <article>ট্যাগগুলিতে নিবন্ধে ট্যাগ এবং এন্ট্রিগুলিতে প্রতিটি "বিভাগ" (যেমন আপনি তাদের ডাকছেন) মোড়ানো উচিত <section>।

HTML5 এর বৈশিষ্ট (বিভাগ) বলেছেন:

বিভাগ উপাদানটি একটি নথি বা অ্যাপ্লিকেশনটির জেনেরিক বিভাগকে উপস্থাপন করে। একটি বিভাগ, এই প্রসঙ্গে, বিষয়বস্তুর একটি থিম্যাটিক গ্রুপিং, সাধারণত একটি শিরোনাম থাকে। [...]

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

দ্রষ্টব্য : উপাদানটির উপাদানগুলি সিন্ডিকেট করার জন্য যখন বোধগম্য হবে তখন লেখকগুলি বিভাগের উপাদানটির পরিবর্তে নিবন্ধ উপাদানটি ব্যবহার করতে উত্সাহিত করা হচ্ছে।

এবং নিবন্ধের জন্য

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

আমি মনে করি তুমি কি ওপি মধ্যে "বিভাগে" কল প্রবন্ধের সংজ্ঞা মাপসই হিসাবে আমি তাদের হচ্ছে দেখতে পারেন স্বাধীনভাবে বণ্টনযোগ্য বা পুনর্ব্যবহারযোগ্য ।

আপডেট: এইচটিএমএল 5.1article এর সর্বশেষ সম্পাদকদের খসড়াটির জন্য কিছু ছোটখাট পাঠ্য পরিবর্তন (ইটালিকের পরিবর্তন):

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

এছাড়াও প্রায় জন এইচটিএমএল মেইলিং লিস্টে আলোচনা articleমধ্যে জানুয়ারী এবং ফেব্রুয়ারী 2013।

Comments

ওয়েবে অনুসন্ধান করার সময়, আমি একটি আইনী দস্তাবেজ পেয়েছিলাম যা পড়ে Article 1, Section 2, Clause 3। আমি আশা করি এটি আমাকে যুক্তি স্মরণে রাখতে সহায়তা করবে।

— কমনপাইক

আমি কিছুটা হলেও দ্বিমত পোষণ করি, তবে আমি বিশ্বাস করি যে প্রসঙ্গের ভিত্তিতে এগুলি পরিবর্তন করা যায়। নির্দিষ্ট বিবরণগুলি পড়া আমার কাছে পরামর্শ দেয় যে যদি কোনও article"উইজেট" হিসাবে কাজ করে তবে এটি অন্যভাবে হওয়া উচিত । section: "থিম্যাটিক গ্রুপিং" এবং "একটি নথির বিভাগ"। article: "স্ব-অন্তর্ভুক্ত" এবং "উইজেট"। হোমপেজ উদাহরণ বিবেচনা করুন যেমন কোডেপেন.আইও

— অ্যানন /

তারা কেন বলেন যে একটি একক ফোরাম পোস্ট একটি নিবন্ধ তৈরি করে? কোনও ফোরাম পোস্ট পুরো থ্রেড ইমো ছাড়া সম্পূর্ণ হয় না।

— মাস্টার্সিলো

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

— চক লে বাট

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

— মেরিএসডিএড

Answer 3

আমি এমন <article>একটি পাঠ্য ব্লকের জন্য ব্যবহার করব যা পৃষ্ঠার অন্যান্য ব্লকের সাথে সম্পূর্ণ সম্পর্কিত নয়। <section>অন্যদিকে, একে অপরের সাথে সম্পর্কিত এমন নথি আলাদা করার জন্য একটি বিভাজক হবে।

এখন, আমি নিশ্চিত না যে আপনার ভিডিওগুলিতে, নিউজফিড ইত্যাদিতে আপনার কী আছে, তবে এখানে একটি উদাহরণ রয়েছে (সত্যিকারের বা ঠিক কোনও ভুল নেই, আমি কীভাবে এই ট্যাগগুলি ব্যবহার করি তার একটি গাইডলাইন):

<article>
    <h1>People</h1>
    <p>text about people</p>
    <section>
        <h1>fat people</h1>
        <p>text about fat people</p>
    </section>
    <section>
        <h1>skinny people</p>
        <p>text about skinny people</p>
    </section>
</article>
<article>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</article>

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

যেমন

<body>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</body>

আশা করি এটি উপলব্ধিযোগ্য।

Comments

I'd use <article> for a text block that is totally unrelated to the other blocks on the page.আমি জানি আপনি এটি 2011 সালে লিখেছিলেন, কিন্তু, এই <aside>ট্যাগটির জন্য এটি কি নয় ?

— MyDaftQuestions

Answer 4

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

এটি সমর্থন করে, ডাব্লু 3 সি একটি articleউপাদানটিকে সামগ্রীর একটি বিভাগ হিসাবে সংজ্ঞায়িত করে যা স্বাধীনভাবে নিজেরাই দাঁড়াতে পারে। একটি ব্লগ পোস্ট সামগ্রী হিসাবে মূল্যবান এবং উপভোগযোগ্য আইটেম হিসাবে এটি নিজেরাই দাঁড়াতে পারে। যাইহোক, একটি শিরোনাম না।

দুটি নতুন উপাদানের মধ্যে পার্থক্য করার চেষ্টা করার জন্য একজন ম্যান পাগল সম্পর্কে একটি আকর্ষণীয় নিবন্ধ এখানে । নিবন্ধটির মূল বিষয়, যা আমিও সঠিক বলে মনে করি তা হ'ল আপনি যে উপাদানটিকে সবচেয়ে ভাল বলে মনে করেন বাস্তবে এটি যা রয়েছে তা উপস্থাপন করে try

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

এখানে একই প্রশ্নের খুব ভাল উত্তর এখানে রয়েছে is

Answer 5

বিভিন্ন শব্দার্থক এইচটিএমএল 5 উপাদানগুলির মধ্যে একটি বেছে নেওয়ার সময় নীচের ফ্লোচার্টটি সহায়ক হতে পারে:

Answer 6

অধ্যায়

• আপনার বিন্যাসের একটি বিভাগ সংজ্ঞায়িত করার জন্য এটি ব্যবহার করুন। এটা হতে পারে mid, left, right , ইত্যাদি ..
• এটি অন্য কিছু উপাদানগুলির সাথে সংযোগের অর্থ রাখে, কেবল এটি বলা যায় এটি ডিপেন্ডেন্ট।

প্রবন্ধ

• এটি আপনার যেখানে স্বাধীন কন্টেন্ট রয়েছে সেটিকে এটি ব্যবহার করুন Use

• নিবন্ধটির নিজস্ব সম্পূর্ণ অর্থ রয়েছে।

Answer 7

একটি বিভাগ মূলত h1(বা অন্যান্য hট্যাগগুলি) এবং এর সাথে সম্পর্কিত সামগ্রী হিসাবে একটি মোড়ক । একটি articleমূলত আপনার নথির মধ্যে এমন একটি দস্তাবেজ যা পুনরাবৃত্তি বা পৃষ্ঠাবদ্ধ হয় ... যেমন আপনার নথির প্রতিটি ব্লগ পোস্ট একটি নিবন্ধ হতে পারে বা আপনার দস্তাবেজের প্রতিটি মন্তব্য একটি নিবন্ধ হতে পারে।

Answer 8

এছাড়াও, সিন্ডিকেটযুক্ত সামগ্রীর জন্য "যখন উপাদানটির বিষয়বস্তুগুলি সিন্ডিকেট করার জন্য বোধগম্য হবে তখন লেখকরা বিভাগের উপাদানটির পরিবর্তে নিবন্ধ উপাদানটি ব্যবহার করতে উত্সাহিত হন।"

Answer 9

আমার ব্যাখ্যাটি হ'ল: আমি ইউটিউবকে মনে করি এটির একটি মন্তব্য-বিভাগ রয়েছে, এবং মন্তব্য-বিভাগের ভিতরে একাধিক নিবন্ধ রয়েছে (এই ক্ষেত্রে মন্তব্যসমূহ)।

সুতরাং একটি বিভাগ একটি ডিভ-ধারক মত নিবন্ধ রাখে।

Answer 10

আর্টিকেল এবং বিভাগ উভয়ই HTML5 এর শব্দার্থ উপাদান। বিভাগটি হ'ল একটি ওয়েবপৃষ্ঠার ব্লক স্তরের জেনেরিক বিভাগ, তবে আমাদের ওয়েবপৃষ্ঠা সামগ্রীর সাথে প্রাসঙ্গিক। নিবন্ধটি ব্লক স্তরও, তবে নিবন্ধটি কোনও ওয়েবপৃষ্ঠার একটি পৃথক ব্লগ পোস্ট, একটি মন্তব্যকে বোঝায়।

নিবন্ধ এবং বিভাগ উভয়ই h2-h6 এর শিরোনাম উপাদান অন্তর্ভুক্ত করা উচিত।

ব্লগ পোস্টের জন্য নিবন্ধ এবং বিভাগের জন্য নিম্নলিখিত বাক্য গঠন ব্যবহার করুন।

<article>
         <h1>Heading 1</h1>
         <p>Article Description</p>
         <section id="sec1">
                <h2>Section Heading</h2>
                <p>Section Description</p>
         </section>
         <section id="sec2">
                <h2>Section Heading</h2>
                <p>Section Description</p>
         </section>
</article>