فصل ۴ | شروع کار

عناصر HTML چگونه ساخته می‌شوند؟

یک «عنصر» یا Element، واحد اصلی سازنده‌ی هر صفحه‌ی HTML است. هر عنصر معمولاً از سه بخش تشکیل می‌شود: یک برچسب باز، محتوا، و یک برچسب بسته.

element-anatomy.html
  <p>این محتوای داخل عنصر است.</p>
   ↑برچسب بسته         برچسب باز↑

برچسب بسته دقیقاً شبیه برچسب باز است، با این تفاوت که یک ممیز «/» قبل از نام آن قرار می‌گیرد. این ممیز به مرورگر می‌گوید که محتوای این عنصر در همین‌جا تمام شده است.

عناصر تودرتو

عناصر HTML می‌توانند داخل یکدیگر قرار بگیرند؛ به این حالت «تودرتو بودن» یا Nesting گفته می‌شود. رعایت ترتیب صحیح باز و بسته شدن برچسب‌ها در این حالت اهمیت زیادی دارد.

nesting.html
<p>این یک پاراگراف با یک کلمه‌ی <b>پررنگ</b> در آن است.</p>
نکته: عنصر <b> باید کاملاً داخل <p> باز و بسته شود؛ ترتیبی مثل <p><b>متن</p></b> نادرست است.

عناصر خالی

بعضی عناصر محتوایی ندارند و نیازی به برچسب بسته‌ی جداگانه ندارند؛ به این‌ها عناصر خالی می‌گویند. نمونه‌ی رایج آن <br> برای شکستن خط و <img> برای نمایش تصویر است.

empty-elements.html
<p>خط اول<br>خط دوم</p>

یک نکته‌ی عملی: مرورگرهای امروزی حتی اگر برچسبی را فراموش کنید یا اشتباه ببندید، معمولاً سعی می‌کنند صفحه را به شکلی نمایش دهند؛ اما اتکا به این رفتار توصیه نمی‌شود، چون نتیجه در مرورگرهای مختلف می‌تواند متفاوت باشد.