HTML درون خطی است؟
عناصر HTML (زبان نشانه گذاری Hypertext Markup Language) از لحاظ تاریخی به عنوان عناصر بلوک سطح یا عناصر درون خطی دسته بندی شدند. عناصر درون خطی هستند که فقط فضایی را محدود می کنند که توسط برچسب ها تعریف عنصر را، به جای شکستن جریان محتوای، اشغال می کنند. در این مقاله، ما عناصر درون خطی را بررسی خواهیم کرد و این که چگونه از عناصر بلوک سطح متفاوت است
درون خطی در مقابل عناصر سطح بلوک: تظاهرات بخش
این به راحتی با یک مثال ساده نشان داده می شود. اول، برخی از CSS های ساده که ما استفاده می کنیم:
}highlight.
; background-color:#ee3
{
بیایید به مثال زیر نگاه کنیم که عنصر خطی را نشان می دهد:
<div>The following span is an <span class="highlight">inline element</span>
its background has been colored to display both the beginning and end of
;<the inline element's influence.</div
در این مثال، عنصر <div> block-level حاوی متن است. در آن متن یک عنصر <span> است که یک عنصر درون خطی است. از آنجا که عنصر <span> درون خطی است، پاراگراف درست به عنوان یک جریان متنی بدون وقفه انجام می شود، مانند این:
بلوک levelSection
اکنون اجازه دهید که <span> را به یک عنصر سطح بلوک، مانند <p> تغییر دهیم:
<div>The following paragraph is a <p class="highlight">block-level element;</p>
its background has been colored to display both the beginning and end of
the block-level element's influence.</div>
ارائه شده با استفاده از CSS همانند قبل، ما دریافت می کنیم: