عناصر HTML

عنصر HTML همه چیز از برچسب شروع تا برچسب پایان است:

< tagname > محتوا به اینجا می رود … < / tagname >

نمونه هایی از برخی عناصر HTML:

h1 > عنوان اول من < / h1 >
< ص > اولین پاراگراف من. < / p >
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!

عناصر HTML تو در تو

عناصر HTML را می توان تو در تو قرار داد (این بدان معنی است که عناصر می توانند عناصر دیگری را نیز شامل شوند).

همه اسناد HTML از عناصر HTML تو در تو تشکیل شده اند.

در مثال زیر، شامل چهار عنصر HTML ( <html>، <body>، <h1> و <p>):

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

مثال توضیح داده شده

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

دارای برچسب شروع <html>و برچسب پایان است </html>.

سپس ، در داخل این <html>عنصر یک <body> عنصر وجود دارد :

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

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

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

سپس ، در داخل <body>عنصر دو عنصر دیگر نیز وجود دارد: <h1>و <p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

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

این یک برچسب شروع <h1>و یک برچسب پایان دارد </h1>:

<h1>My First Heading</h1>

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

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

<p>My first paragraph.</p>

هرگز از برچسب پایان صرف نظر نکنید

برخی از عناصر HTML به درستی نمایش داده می شوند ، حتی اگر برچسب پایان را فراموش کنید:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

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


عناصر HTML خالی

عناصر HTML بدون محتوا را عناصر خالی می نامند.

<br>تگ تعریف یک خط، و یک عنصر خالی بدون تگ بسته است:

<p>This is a <br> paragraph with a line break.</p>

HTML حساس به حروف کوچک نیست

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

استاندارد HTML به برچسب های کوچک نیاز ندارد ، اما W3C حروف کوچک را به HTML توصیه می کند و برای انواع سند سختگیرانه تری مانند XHTML حروف کوچک را می طلبد .

در W3S Schools ما همیشه از نام برچسب های کوچک استفاده می کنیم.


مرجع برچسب HTML

مرجع برچسب شامل اطلاعات بیشتری در مورد این برچسب ها و ویژگی های آنها است.

منبع