اسناد HTML توسط عناصر HTML معین می شوند.
عناصر HTML
یک عنصر اچ تی ام ال، هر چیزی از تگ شروع کننده تا تگ تمام کننده است.
تگ شروع کننده | محتوای المنت (عنصر) | تگ پایانی |
<p> | این یک پاراگراف است. | </p> |
<a href=”index.htm”> | این یک لینک است. | |
<br> |
تگ شروع، تگ آغاز کننده نیز نامیده می شود و تگ پایانی، بعضی اوقات تگ تمام کننده نیز نامیده می شود.
سینتکس (گرامر) المنت HTML
- یک المنت HTML با یک تگ شروع /آغاز کننده شروع می شود.
- یک المنت HTML با یک تگ پایانی / تمام کننده، تمام می شود.
- محتوای المنت هرچیزی بین تگ شروع و تگ پایان است.
- بعضی از المنت های HTML دارای محتوای خالی می باشند.
- المنت های خالی در همان تگ شروع تمام می شوند.
- بیشتر المنت های HTML می توانند ویژگی داشته باشند.
نکته : در مورد ویژگی ها بصورت مفصل در درس های آتی برای شما سخن خواهیم گفت.
المنت های HTML تو در تو
بیشتر عناصر می توانند تو در تو باشند (می توانند حاوی المنت های دیگر باشند)
اسناد HTML شامل المنت های تو در تو اچ تی ام ال هستند.
یک نمونه سند HTML
1 2 3 4 5 6 |
<!DOCTYPE html> <html> <body> <p>این یک پاراگراف است.</p> </body> </html> |
مثال بالا حاوی 3 تگ HTML است.
شرح این مثال :
: <p> المنت
<p>این یک پاراگراف است.</p>
المنت <p> در این مثال یک پاراگراف را در سند معین می کند. المنت، یک تگ شروع <p> دارد و یک تگ پایانی </p>
محتوای المنت این جمله است : این یک پاراگراف است.
: <body> المنت
1 2 3 |
<body> <p>این یک پاراگراف است.</p> </body |
المنت body بدنه یک سند HTML را معین می کند. المنت، تگ شروع <body> و تگ پایانی </body> را دارد. (محتوای المنت، المنت دیگر HTML یعنی المنت p است)
: <html> المنت
1 2 3 4 5 |
<html> <body> <p>این یک پاراگراف است.</p> </body> </html> |
المنت <html> تمامی سند HTML را تعریف می کند. المنت، حاوی تگ شروع <html> و تگ پایانی </html> است. (محتوای المنت، المنت دیگر HTML یعنی المنت body است)
تگ پایانی را فراموش نکنید.
بعضی از المنت ها ممکن است درست نمایش داده شوند حتی اگر تگ پایانی را فراموش کنید :
1 2 |
<p>این یک پاراگراف است <p>این یک پاراگراف است |
مثال بالا در بیشتر مرورگرهای وب کار می کند برای اینکه تگ پایانی در این مورد یک گزینه انتخابی است. ولی هرگز روی این موضوع حساب نکنید. خیلی از المنت های HTML ممکن است نتایج غیرمنتظره و خطاهایی ایجاد کنند اگر تگ پایانی آن را فراموش کنید.
المنت های خالی HTML
المنت های بدون محتوا اصطلاحا المنت های خالی نامیده می شوند. <br> یک المنت خالی بدون تگ پایانی است. ( <br> یک خط خالی را ایجاد می کند )
نکته : در XHTML تمامی المنت ها می بایستی که تمام شوند. اضافه کردن یک اسلش در تگ شروع مانند <br /> راه حل بسیار مناسبی در بستن المنت های خالی در XHTML و XML است.
نکته : از تگ های با حروف کوچک استفاده کنید.
تگ های HTML البته بر روی بزرگی یا کوچکی حروف حساس نیستند. <P> برای مثال مانند <p> است. خیلی از وب سایت ها از تگ های با حروف بزرگ استفاده می کنند.
با این حال ائتلاف جهانی وب W3C پیشنهاد داده است که تگ ها در HTML با حروف کوچک نوشته شوند.
مقداد علی بخشی هستم. موسیقی دان، برنامه نویس، متخصص هوش مصنوعی، علم داده، متخصص بلاکچین و توسعه دهنده ربات های هوشمند.
دانش آموخته مقطع ارشد و دکتری دانشکده فنی دانشگاه تهران هستم. با سابقه تدریس درس برنامه نویسی در دانشگاه (پردیس بین الملل کیش دانشگاه تهران)