Loading...
عناصر در HTML
عناصر
معمولا یک عنصر HTML دارای یک تگ شروع و یک تگ پایان است که محتوا در بین این دو تگ قرار می گیرد.
1 2 | <tagname>Content goes here...</tagname> <p>My first paragraph.</p> |
| تگ شروع | محتوای عنصر | تگ پایان |
| My First Heading | ||
| My first paragraph | ||
عناصری را که فاقد محتوا هستند، عناصر خالی می نامند. عناصر خالی تگ پایان ندارند مانند
که نشان دهنده شکستن خط یا رفتن به خط جدید است.
عناصر تو در تو
در HTML عناصر می توانند به صورت تو در تو باشند یعنی یک عنصر خود شامل یک عنصر دیگر باشد. تمامی اسناد HTML عناصر تو در تو دارند. به مثال زیر توجه کنید.
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
توضیحات مثال
عنصر کل سند را تعریف می کند و یک تگ شروع و یک تگ پایان دارد. محتوایی که در داخل این عنصر قرار گرفته است، خود نیز یک عنصر است (عنصر).
1 2 3 4 5 6 7 8 | <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
عنصر بدنه سند را تعریف می کند و یک تگ شروع و یک تگ پایان دارد. مانند عنصر قبلی محتوایی که در داخل این عنصر قرار گرفته است، نیز یک عنصر است (
و ).
1 2 3 4 5 6 | <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> |
عنصر
یک عنوان تعریف می کند که یک تگ شروع و یک تگ پایان
دارد. محتوای داخل این عنصر به صورت متن می باشد (My First Heading).
1 | <h1>My First Heading</h1> |
یک بند یا پاراگراف تعریف می کند که یک تگ شروع
و یک تگ پایان
دارد. محتوای داخل این عنصر نیز به صورت متن می باشد (My first paragraph).
1 | <p>My first paragraph.</p> |
تگ پایان را فراموش نکنید
بعضی از عناصر HTML در مواقعی که تگ پایان را فراموش کنید نیز به درستی کار می کنند. مانند مثال زیر:
1 2 3 4 5 6 7 8 | <html> <body> <p>My first paragraph <p>My first paragraph </body> </html> |
کد بالا در تمام مرورگر ها کار می کند و دلیل آن هم این است که گذاشتن تگ پایان اختیاری است. اما همیشه نمی شود از نتیجه همچین کد هایی مطمئن بود و ممکن است نتایج و خطا های غیره منتظره ایی را تولید کنند.
عناصر خالی
همان طور که قبلا هم اشاره شد، عناصری را که محتوایی ندارند، عناصر خالی می نامند. برای نمونه تگ
یک عنصر خالی است که تگ پایان ندارد. عناصر خالی می توانند در تگ شروع بسته شوند مانند: .
در HTML 5 نیازی به بستن عناصر خالی نیست. اما اگر می خواهید کد های شما معتبر باشد و یا نیاز دارید که سند شما توسط تجزیه کننده های XML قابل خواندن باشد، باید تمام عناصر را ببندید.
تگ ها را به صورت حروف کوچک استفاده کنید
تگ ها HTML به بزرگ یا کوچک بودن حروف حساس نیستند. برای مثال تگ برای مرورگر یعنی همان
. در استاندارد HTML 5 نیاز نیست که حتما از حروف کوچک استفاده کنید. اما W3C توصیه می کند تا از حروف کوچک در اسناد HTML و یا اسناد دقیق تر مانند XHTML استفاده شود.
هیچ نظری ثبت نشده است