عناصر HTML

مستند HTML توسط علامت‌های HTML تعریف شده است.

عناصر HTML

علامت‌های HTML به تمام کد‌هایی که از برچسب شروع (start tag) تا برچسب پایان (end tag) تشکیل شده‌اند، اطلاق می‌شود.

برچسب شروع محتوای علامت برچسب پایان
<p> این یک پاراگراف است </p>
<a href="default.htm" > این یک لینک است </a>
<br />

توجه:برچسب‌های شروع اغلب به عنوان برچسب‌های باز (opening tag) شناخته می‌شوند، و برچسب‌های پایان اغلب به عنوان برچسب‌های بسته (closing tag) شناخته می‌شوند.

زبان علامت‌های HTML

  • علامت‌های HTML بابرچسب شروعآغاز
  • علامت‌های HTML بابرچسب پایانپایان
  • محتوای علامتمحتوای علامت است که بین برچسب شروع و پایان قرار دارد
  • برخی از علامت‌های HTML دارایمحتوای خالی (empty content)
  • علامت خالیدر برچسب شروع بسته می‌شود(با پایان برچسب شروع)
  • بیشتر علامت‌های HTML می‌توانندویژگی

نکته:توضیح: در فصل بعدی این درس، بیشتر درباره ویژگی‌ها یاد خواهید گرفت.

علامت‌های درون‌ریز HTML

بیشتر علامت‌های HTML می‌توانند درون‌ریز باشند (می‌توانند علامت‌های دیگر HTML را شامل شوند).

مستند HTML از علامت‌های HTML تشکیل شده است.

مستند HTML

<html>
<body>
<p>این اولین پاراگراف من است.</p>
</body>
</html>

مثال بالا شامل سه علامت HTML است.

توضیح مثال HTML

علامت <p>:

<p>این اولین پاراگراف من است.</p>

این <p> علامت یک پاراگراف در مستند HTML را تعریف می‌کند.

این علامت دارای یک برچسب شروع <p> و یک برچسب پایان </p> است.

محتوای علامت: این اولین پاراگراف من است.

علامت <body>:

<body>
<p>این اولین پاراگراف من است.</p>
</body>

علامت <body> محتوای اصلی مستند HTML را تعریف می‌کند.

این علامت دارای یک برچسب شروع <body> و یک برچسب پایان </body> است.

محتوای علامت یک علامت دیگر HTML است (علامت p).

<html> علامت:</html>

<html>
<body>
<p>این اولین پاراگراف من است.</p>
</body>
</html>

عنصر <html> تعریف‌کننده کل سند HTML است.

این عنصر یک برچسب آغازین <html> دارد و یک برچسب پایان </html>.

محتوای عناصر یک عنصر دیگر HTML است (عنصر body).

برچسب‌های پایان را فراموش نکنید

اگرچه ممکن است فراموش کنید از برچسب‌های پایان استفاده کنید، اغلب مرورگرها HTML را به درستی نمایش می‌دهند:

<p>این یک پاراگراف است
<p>این یک پاراگراف است

مثال‌های بالا در اغلب مرورگرها مشکلی ندارند، اما از این روش به عنوان یک اصل اساسی استفاده نکنید. فراموش کردن استفاده از برچسب‌های پایان می‌تواند نتایج غیرمنتظره‌ای یا خطاها ایجاد کند.

توجه:نسخه‌های آینده HTML اجازه نمی‌دهد که برچسب‌های پایان به صورت انتخابی استفاده شوند.

عناصر خالی HTML

عناصر HTML بدون محتوا به عنوان عناصر خالی شناخته می‌شوند. عناصر خالی در برچسب آغازین بسته می‌شوند.

<br> یک عنصر خالی بدون بستن برچسب است (<br> برچسب تعریف می‌کند تغییر خط).

در XHTML، XML و نسخه‌های آینده HTML، تمام عناصر باید بسته شوند.

اضافه کردن اسلش در برچسب‌های آغازین، مانند <br />، روش صحیح بستن عناصر خالی است که HTML، XHTML و XML آن را می‌پذیرند.

اگرچه <br> در تمام مرورگرها معتبر است، اما استفاده از <br /> یک اطمینان بیشتری است.

توجه: از برچسب‌های کوچک استفاده کنید

برچسب‌های HTML به حروف بزرگ و کوچک حساس نیستند：<P> مشابه <p> است. بسیاری از وب‌سایت‌ها از برچسب‌های HTML بزرگ استفاده می‌کنند.

CodeW3C.com از برچسب‌های کوچک استفاده می‌کند، زیرا اتحادیه وب (W3C) در HTML 4توصیه‌شدهاز حروف کوچک استفاده کنید، در حالی که در نسخه‌های آینده (X)HTMLاجباریاز حروف کوچک استفاده کنید.