عناصر HTML می توانند با تگ های <div> و <span> گروه بندی شوند
عناصر بلاکی HTML
بیشتر عناصر HTML به عنوان عناصر سطح بلاکی یا عناصر درون خطی تعریف می شوند
عناصر سطح بلاکی به طور معمول وقتی در مرورگر نمایش می یابند با یک خط جدید
شروع می شوند ( یا پایان می یابند )
مثال : <h1> ، <p> ، <table> ، <ul>
عناصر درون خطی HTML
عناصر درون خطی به طور معمول بدون شروع یک خط جدید نمایش می یابند
مثال : <b> ، <td> ، <a> ، <img>
عنصر <div>
عنصر <div> یک عنصر سطح بلاکیست که می تواند به عنوان یک ظرف (container)
برای گروه دیگری از عناصر HTML استفاده شود
عنصر <div> معنی خاصی ندارد یک عنصر سطح بلاکی است مرورگر قبل و بعد آن یک
خط جدید ایجاد می کند
اگر آن را با CSS به کار ببرید عنصر <div> می تواند مشخصه style را برای بلاک بزرگی
از محتوا مشخص کند ( یعنی با مشخصه style می توان سبک های مختلفی را به
محتوای عنصر <div> اعمال نمود)
یک راه معمول برای طراحی سند استفاده از عنصر <div> است ، جایگزین راه قدیمی
تعریف طراحی با استفاده از جدول هاست ، استفاده از جدول ها برای طراحی صفحه با
استفاده از تگ <table> درست نبود ؛ هدف عنصر <table> نمایش داده های جدولی
بود
عنصر <span>
عنصر <span> یک عنصر درون خطیست که می تواند به عنوان یک ظرف برای متن
استفاده شود
عنصر <span> معنای خاصی ندارد
هنگامی که آن را همراه CSS استفاده می کنید ؛ عنصر <span> می تواند برای
مشخص کردن مشخصه style برای بخشی از متن مورد استفاده قرار گیرد
تگ های گروه بندی HTML
Description | Tag |
بخشی را در یک سند معرفی می کند | <div> |
بخشی را در یک سند معرفی می کند | <span> |