Block-level elements

এইচটিএমএল (হাইপার টেক্সট মারকআপ ল্যাঙ্গুয়েজ) এর এলিমেন্টগুলো সাধানত "ব্লক-লেভেল" এলিমেন্ট অথবা "ইনলাইন" এলিমেন্ত । একটি ব্লক-লেভেল এলিমেন্ট তার প্যারেন্ট এলিমেন্তটর{কন্তাইনার} সমস্ত জায়গা দখল করে , সেজন্য একটি "ব্লক" বানানো হয় ।এগুলো বুজানোর জন্য এই প্রবন্ধটি সাহায্য করবে।

ব্রাউজারস এলিমেন্টর আগে এবং পরে এক নিওলাইনের সাথে ব্লক-লেভেল এলেমেন্টকেদেখায়।. নিচের উদাহরন ব্লক-লেভেল এলেমেন্টর প্রভাবের ব্যবহারিক প্রমান দেয়। 

ব্লক-লেভেল এলিমেন্টস 

এইচটিএমএল

<p>This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p>

সিএসএস

p { background-color: #8ABB55; }

ব্যবহারবিধি

  • ব্লক-লেভেল এলিমেন্টস কখনো <body> (en-US)এলিমেন্টের ভিতরে আসে।

ব্লক-লেভেল বনাম. ইনলাইন

ব্লক-লেভেল এলিমেন্টস এবং ইনলাইনের মধ্যে দুইটি বিশেষ পার্থক্য আসে।:

ফরম্যাটিং
বাই ডিফল্ট,ব্লক-লেভেল এলিমেন্টসনতুন লাইনেই শুরু করে, কিন্ত ইনলাইন এলিমেন্টস একটি লাইনের যেকোনো জায়গা থেকে শুরু করতে পারে।
কনটেন্ট মডেল
সাধারণত, ব্লক-লেভেল এলিমেন্টস ইনলাইন এলিমেন্টস এবং বাকি ব্লক-লেভেল এলিমেন্টসকে ধরে রাখে। স্বভাবত গঠনগত স্বাতন্ত্র হল ঐ ধারনা যা ব্লক-লেভেল এলিমেন্টস ইনলাইন এলিমেন্টস থেকেও "বড়" কাঠামো তৈরি করে। 

ব্লক-লেভেলের স্বাতন্ত্র বনাম.ইনলাইন এলিমেন্টস এইচটিএমএলের সবিস্তার বিবরণীকে ৮.০১ পর্যন্ত ব্যবহার করা হয়। এইচটিএমএল৫ এ,এই বিনারি স্বাতন্ত্রকে আরো জটিল কন্টটেন্ট ক্যাটেগরিস সেটে প্রতিস্থাপন করা হয়।এইচটিএমএল৫ এ "ব্লক-লেভেল" ক্যাটেগরিটি মোটামোটিভাবে  ফ্লও কনটেন্ট  ক্যাটাগরিতে সারা দেয়, যখন "ইনলাইন" ফ্রাসিং কনটেন্ট  এ সারা দেয়, কিন্তু কোন বাড়তি ক্যাটাগরি নেই।

এলিমেন্টস

নিচে এইচটিএমএলব্লক-লেভেল এলিমেন্টসের সম্পূর্ণ তালিকা দেওয়া হল (যদিও "ব্লক-লেভেল" ব্যাখ্যা করা হইনই ঐএলিমেন্টের যা এইচটিএমএল৫ এ নতুন)।

<address> (en-US)
Contact information.
<article> HTML5
Article content.
<aside> (en-US) HTML5
Aside content.
<blockquote>
Long ("block") quotation.
<canvas> (en-US) HTML5
Drawing canvas.
<dd> (en-US)
Definition description.
<div> (en-US)
Document division.
<dl> (en-US)
Definition list.
<fieldset> (en-US)
Field set label.
<figcaption> (en-US) HTML5
Figure caption.
<figure> (en-US) HTML5
Groups media content with a caption (see <figcaption> (en-US)).
<footer> (en-US) HTML5
Section or page footer.
<form> (en-US)
Input form.
<h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US)
Heading levels 1-6.
<header> (en-US) HTML5
Section or page header.
<hgroup> (en-US) HTML5
Groups header information.
<hr> (en-US)
Horizontal rule (dividing line).
<li> (en-US)
List item.
<main> (en-US)
Contains the central content unique to this document.
<nav> (en-US)
Contains navigation links.
<noscript> (en-US)
Content to use if scripting is not supported or turned off.
<ol> (en-US)
Ordered list.
<output> (en-US) HTML5
Form output.
<p> (en-US)
Paragraph.
<pre> (en-US)
Preformatted text.
<section> HTML5
Section of a web page.
<table> (en-US)
Table.
<tfoot> (en-US)
Table footer.
<ul> (en-US)
Unordered list.
<video> (en-US) HTML5
Video player.

আরো দেখুন