عنصرها در اچ تی ام ال

عنصرها در اچ تی ام ال


عنصر اچ تی ام ال توسط یک تگ شروع تعریف می شود. اگر عنصر حاوی محتوای دیگری باشد، آن را با یک تگ بسته به پایان می رسانیم، جایی که نام عنصر توسط یک علامت فوروارد اسلش (/) قرار می گیرد.

به عبارت دیگر یک عنصر اچ تی ام ال معمولا شامل تگ شروع و پایانی به همراه مطالب میانی آنها است.

مثال های زیر عنصر هستند:

<p>این یک عنصر است</p>

<h1>این یک عنصر است</h1>

<div>این یک عنصر است</div>

به صورت کلی:

<نام تگ شروع>این یک عنصر است</نام تگ پایان>

نکته: همانطور که گفتیم عنصر اچ تی ام ال با یک تگ شروع تعریف می شود بنابراین تگ هایی مانند <br /> که برای شکست خط و غیره استفاده می شوند نیز عنصر هستند. این عنصرها تگ بسته یا پایانی ندارند و محتوایی درون این عنصر قرار نمی گیرد در نتیجه این چنین عناصر را عناصر خالی می نامند.

تفاوت میان عنصر و تگ چیست؟

شاید برایتان سوال شده باشد که بین عنصر و تگ چه تفاوتی وجود دارد؟

عنصر اچ تی ام ال با یک تگ شروع تعریف می شود و اگر عنصر حاوی مطلب دیگری باشد با یک تگ بسته به پایان می رسد. به مثال زیر دقت کنید:

<h1>این یک هدینگ است</h1>

به مثال بالا عنصر هدینگ یا عنصر عنوان گفته می شود. امّا اگر <h1> به تنهایی به کاربرده شود یک تگ نامیده می شود.

عناصر تو در تو

عناصر اچ تی ام ال را می توان به صورت تو در تو قرار دارد یعنی یک عنصر می تواند بخشی از عنصر دیگر باشد. در تمامی سندهای اچ تی ام ال از عناصر تو در تو استفاده می شود.

با توجه کردن به مثال زیر این موضوع را راحتتر درک می کنید.

<!DOCTYPE html>

<html>

<head>

<title>عناصر تو در تو</title>

</head>

<body>

<p>عناصر تو در تو یعنی یک عنصر در عنصر دیگر نگه داری می شود</p>

</body>

</html>

توضیح:

در مثال بالا عناصر <html>, <head> و <body> درون خود عناصر دیگری را نگه داری می کنند و به این روش عناصر تو در تو گفته می شود.

عنصر <html> شامل عنصرهای <head>…</head>, <title>…</title>, <body>…</body>, <p>…</p> است.

عنصر <head> شامل عنصر <title>…</title> است.

عنصر <body> شامل عنصر <p>…</p> است.

یادآوری:

·         بستن تگ ها را فراموش نکنید.

·         همیشه از حروف کوچک استفاده کنید (به غیر از اعلامیه اچ تی ام ال).

·         تگ هایی که شامل محتوا نمی شوند نیز یک عنصر هستند، مانند: <hr />

 جلسه قبل | جلسه بعد

تبلیغات در پایین ادامه ی مطلب

نظرات شما


    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی