ایجاد بازه های درون خطی (inline spans)، با تگ span ، در HTML
قبل از شرح کاربرد تگ span در HTML، بهتر است ابتدا تگ div را توضیح دهیم تا بعدا کاربرد تگ span در HTML را بهتر متوجه شوید.
تگ div در HTML، برای تقسیم کل صفحه به بخش های مختلف، به کار می رود. سپس معمولا درون هر بخش، تعدادی عناصر درون خطی، مثل پاراگراف (با تگ p)، تیترها (با تگ های h1 تا h6) و ... قرار داده می شود. گاهی ممکن است که یک عنصر درون خطی را بخواهیم به قسمت های (بازه های) مختلف تقسیم کنیم تا برخی قسمت ها (بازه ها) دارای یک سری ویژگی های خاص و سایر قسمت ها (بازه ها) دارای ویژگی های دیگری باشد. در این حالت، دیگر از تگ div استفاده نمی کنیم و تگ span در این موارد به کار می رود. به مثال زیر توجه کنید :
با تگ span ، قسمتی از متن یک پاراگراف (متن درون عنصر خطی پاراگراف) را به رنگ قرمز در می آوریم :
نتیجه :
مشاهده می کنید که قسمت مشخص شده توسط تگ span ، به رنگ قرمز نمایش داده شده است.
