تفاوت بین عناصر بلوک و درون خطی

2024 نویسنده: Alex Aldridge | [email protected]. آخرین اصلاح شده: 2023-12-17 13:37

تفاوت کلیدی – بلوک در مقابل عناصر درون خطی

HTML مخفف Hyper Text Markup Language است. برای ایجاد صفحات وب استفاده می شود. هر صفحه وب با استفاده از هایپرلینک به صفحات وب دیگر متصل می شود. این زبان از برچسب ها تشکیل شده است. یک تگ در داخل پرانتزهای زاویه ای محصور شده است. نحو مشابه است. اغلب تگ ها دارای یک تگ بسته شدن نیز هستند. هنگامی که یک برچسب است، تگ بسته شدن است. برخی از تگ ها برچسب بسته شدن ندارند. نمونه هایی از این برچسب ها عبارتند از

و

آنها به عنوان تگ های خالی شناخته می شوند. یک عنصر HTML جزئی از سند HTML یا صفحه وب پس از تجزیه به مدل شیء سند (DOM) است. DOM یک نمایش داخلی در مرورگر وب است. هر سند را در یک ساختار درختی نشان می دهد. در مرورگر، عناصر قابل نمایش می توانند یک عنصر بلوک یا یک عنصر درون خطی باشند. عناصر بلوک دارای ساختار مستطیلی هستند. عناصر درون خطی را می توان در عناصر بلوک جاسازی کرد. تفاوت اصلی بین بلوک و عنصر درون خطی این است که عناصر بلوک تمام عرض موجود را اشغال می کنند در حالی که عناصر درون خطی عرض لازم را برای نمایش محتویات عناصر می گیرند.

عناصر بلوک چیست؟

عناصر بلوک عرض کامل موجود را می گیرند. آن عناصر همیشه با یک خط جدید شروع می شوند. چند نمونه از عناصر بلوک به شرح زیر است.

برای تعریف یک پاراگراف استفاده می شود. به عنوان مثال

این یک پاراگراف است

. شش تگ برای تعریف هدر وجود دارد. آنهاهستند

،

،

…

. برنامه نویس می تواند از هدر بر این اساس استفاده کند.

لیست مرتب شده توسط تعریف می شود

در حالی که لیست نامرتب باتعریف می شود

. برای نمایش یک خط افقی در سراسر صفحه وب استفاده می شود.

برای مرتب کردن داده ها در قالب جدول استفاده می شود. برای هر وب سایت، جمع آوری داده ها از بازدیدکنندگان سایت الزامی است. فرم های HTML برای دریافت اطلاعات از کاربر استفاده می شود. همچنین یک عنصر سطح بلوک است. اینها چند نمونه از عناصر بلاک در HTML هستند.

عناصر درون خطی چیست؟

عناصر درون خطی فقط عرض لازم را می گیرند. این عناصر با یک خط جدید شروع نمی شوند. چند نمونه از عناصر درون خطی به شرح زیر است. برای ایجاد لینک از یک صفحه به صفحه دیگر استفاده می شود. هایپرلینک ها یکی از عناصر ضروری در HTML هستند.می تواند حاوی ویژگی href برای ایجاد پیوند به مقصد باشد. به عنوان مثال، به گوگل سر بزنید. ویژگی هدف خالی است. بنابراین، سند جدید در یک پنجره جدید باز می شود. اگر ویژگی هدف "_self" باشد، سند پیوند شده در همان پنجره باز می شود.

شکل 01: نمونه هایی از عناصر بلوکی و درون خطی

برای پررنگ کردن بخشی از متن استفاده می شود. تگ این است که متن را ایتالیک کند. یک صفحه وب باید قابل ارائه باشد. بنابراین، هر صفحه وب از چندین تصویر تشکیل شده است.

برای نمایش تصویر در صفحه استفاده می شود. این تگ به دو ویژگی نیاز دارد. آنها src و alt هستند. 'src' مکان تصویر را توصیف می کند و ' alt' توضیح می دهد که تصویر در مورد چه چیزی است. به عنوان مثال،. اینها چند نمونه از عناصر درون خطی هستند.

شباهت بین عناصر بلوکی و درون خطی چیست؟

عناصر بلوک و درون خطی به عنوان کانتینر در HTML استفاده می شود

تفاوت بین عناصر Block و Inline چیست؟

Block vs Inline Elements
عناصر بلوک عناصری هستند که کل عرض عنصر والد را در بر می گیرند و به هیچ عنصر دیگری اجازه نمی دهند همان فضای افقی را که روی آن قرار گرفته است اشغال کند.	عناصر درون خطی عناصری هستند که نمی توانند مستقیماً در داخل عنصر بدنه قرار گیرند و درون عناصر بلوک تودرتو هستند.
خط جدید
عناصر مسدود کردن با یک خط جدید شروع می شوند.	عناصر درون خطی با یک خط جدید شروع نمی شوند.
فضای مورد نیاز
عناصر بلوک تمام عرض را می گیرند.	عناصر درون خطی فقط عرض مورد نیاز را خواهند گرفت.

خلاصه - بلوک در مقابل عناصر درون خطی

HTML مخفف عبارت Hyper Text Markup language است. این زبان متشکل از برچسب ها است. هر تگ وظیفه خاصی دارد و نحوه ساختار صفحه وب را تعریف می کند. برخی از تگ ها دارای تگ شروع و پایان هستند. برخی از تگ ها تگ پایانی ندارند. به آنها تگ های خالی می گویند. تجزیه فرآیند تجزیه و تحلیل نحو است. پس از مرحله تجزیه، این تگ ها به عناصر تبدیل می شوند. عناصر می توانند عناصر سطح بلوک یا عناصر درون خطی باشند. تفاوت بین عناصر بلوکی و درون خطی در این است که عناصر بلوک تمام عرض موجود را اشغال می کنند در حالی که عناصر درون خطی عرض لازم برای نمایش محتویات عناصر را می گیرند.

دانلود نسخه PDF Block vs Inline Elements

می توانید نسخه PDF این مقاله را دانلود کنید و طبق یادداشت استنادی از آن برای اهداف آفلاین استفاده کنید. لطفاً نسخه PDF را از اینجا دانلود کنید: تفاوت بین عناصر بلوک و درون خطی