بررسی عناصر صفحات وب

عناصر یا المان ها، اصلی ترین ساختار تشکیل دهنده ی سندهای وب هستند. متداول ترین عناصر اچ تی ام ال، عناصر p و table و span و a و div هستند. هر عنصری در یک سند اچ تی ام ال، نقشی را بر عهده دارد. در CSS، عناصر به یکی از دو صورت زیر هستند:

• جایگزین شده(replaced)
• جایگزین نشده(nonreplaced)

عناصر جایگزین شده یا replaced

عنصر جایگزین شده(replaced) به عنصری گفته می شود که محتوای آن مستقیماً توسط HTML مشخص نمی شود. بلکه یک شیء جایگزین آن می شود. مثلاً می توانیم عنصر img را نام ببریم که یک فایل تصویری خارجی در سند جایگزین آن می شود. در حقیقت عنصر img هیچ محتوای حقیقی ندارد. به مثال زیر توجه کنید:

<img src="/howdy.gif" >

 در کد بالا، تنها نام یک عنصر، و یک خصوصیت(attribute) وجود دارد. این عنصر img هیچ کاری انجام نمی دهد مگر اینکه آن را به یک آدرس تصویر متصل کنیم. اگر به خصوصیت src آن یک آدرس تصویر معتبر ارائه دهیم، این تصویر در سند html جایگزین آن خواهد شد. در غیر این صورت، یا هیچ چیزی در مرورگر نشان داده نمی شود یا اینکه مرورگر یک تصویر شکسته شده را نشان می دهد. به طور مشابه، برای یک عنصر input نیز یک دکمه ی رادیویی و یک کادر متنی بر اساس نوع(type) آن نشان داده می شود.

 عناصر جایگزین نشده

بیشتر عناصر html، عناصر جایگزین نشده هستند. یعنی محتوای آنها درون یک باکس که به وسیله ی همان عنصر تولید شده است، توسط مرورگر ارائه می شود. بعنوان مثال، قطعه کد زیر را در نظر بگیرید:

<span>hi there</span>

این قطعه کد، یک عنصر جایگزین نشده است و متن hi there توسط مرورگر نشان داده می شود. این موضوع در مورد عناصر زیر و تقریبا تمام دیگر عناصر html صحت دارد:

• پاراگراف ها(p)
• عنوان ها (h1 , h2 و غیره)
• سلول های جدول ها