مفهوم ال Inline and Block Element في لغة البرمجة HTML

اقرأ في هذا المقال


أنواع العناصر في لغة البرمجة HTML

هناك أنواع مختلفة ومتعددة من العناصر الخاصة في لغة البرمجة (HTML)، وكل عنصر من هذه العناصر له قيمة افتراضية تعتمد بشكل أساسي على نوع العنصر، وهناك نوعين رئيسين من العناصر في هذه اللغة وهما:

  • Inline Element
  • Block Element

مفهوم ال Inline and Block Element في لغة البرمجة HTML

هناك نوعين رئيسين من العناصر في لغة البرمجة (HTML) ويوجد فروق في مفهوم كل منهما وفيما يلي شرح كل نوع من هذه العناصر الخاصة بهذه اللغة:

العناصر المُضمنة (Inline Element)

وهي عبارة عن العناصر التي لا تبدأ في سطر جديد، حيث تأخذ هذه العناصر مساحة معينة بقدر الضرورة فقط، وفيما يلي جدول يحتوي على أهم هذه العناصر في لغة البرمجة (HTML):

<a>
<abbr><acronym><b><bdo>
<code><cite><button><big><br>
<input><img><i><em><dfn>
<output>
<object>
<map>
<label><kbd>
<small><select>
<script>
<samp>
<q>
<text area><sup>
<sub>
<strong>
<span>

والعنصر الأكثر شيوعاً من هذه العناصر هو (span) والسبب في ذلك هو السيطرة على ظهور محتوى هذه العناصر باستخدام لغة البرمجة (CSS)، ويمكن استخدام هذا العنصر كحاوية لمجموعة من العناصر، أو لتصميم أجزاء معينة من النص.

عناصر الكتلة (Block Element)

وهي عبارة عن مجموعة من العناصر التي تبدأ دائماً على سطر جديد، وتمتد من اليسار إلى اليمين قدر الإمكان، وهناك مجموعة كبيرة من هذه العناصر التي تستخدم مع هذه اللغة، وفيما يلي جدول يحتوي على أهم هذه العناصر في لغة البرمجة (HTML):

<canvas>
<blockquote>
<aside>
<article><address>
<fieldset><dt><dl><dd>
<div>
<h1><h6>
<form><footer><figure>
<figcaption>
<nav>
<main>
<li><hr><header>
<ul>
<pre>
<p><ol><noscript>
<tfoot>
<table>
<section>
<video>

والعنصران الأكثر استخداماً من هذا النوع من العناصر هما: (<p>) و (<div>)، حيث يحدد العنصر (<p>) فقرة معينة في مستند (HTML)، ويحدد العنصر (<div>) قسم معين في مستند (HTML)، ويسمح أيضاً بتجميع العناصر من النوعين (Inline Element) وال (Block Element) في قسم واحد. 

المصدر: HTML Block and Inline ElementsHTML block level and inline elementsInline Elements and Block Elements in HTML - Explained


شارك المقالة: