عناصر 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>This is my first paragraph.</p>
</body>
</html>

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

توضیح مثال HTML

<p> عناصر:

<p>This is my first paragraph.</p>

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

این عنصر یک برچسب شروع <p> دارد، و یک برچسب پایان </p>.

محتوای عناصر: This is my first paragraph.

<body> عناصر:

<body>
<p>This is my first paragraph.</p>
</body>

<body> عناصر تعریف‌کننده بدنه مستند HTML است.

این عنصر یک برچسب شروع <body> دارد، و یک برچسب پایان </body>.

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

<html> عناصر:

<html>
<body>
<p>This is my first paragraph.</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: از برچسب‌های کوچک استفاده کنید

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

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