عناصر HTML
آموزش html درس چهارم
عناصر HTML معمولاً شامل تگ شروع و تگ پایانی است، با محتوایی که درون آن قرار می گیرد.
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> |
نکته : عناصر HTML بدون محتوا ، عناصر خالی نامیده می شوند. عناصر خالی تگ پایان ندارند، مانند عنصر <br>که نشان دهنده شکست خط است).
عناصر html تو در تو
عناصر html می توانند تو در تو باشند (عناصر می توانند خود شامل عناصر باشند).
تمام عناصر html شامل عناصر html تو در تو هستند.
این مثال شامل چهار عنصر HTML است:
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
عنصر <html> تمام سند را تعریف می کند.
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
عنصر <body> اسناد مربوط به این تگ را تعریف می کند.
تگ <body> یک تگ شروع و < body/> تگ پایانی است.
محتوای عنصر، دو عنصر دیگر HTML را شامل می شود(<h1> و <p>).
<body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body>
عنصر <h1> یک عنوان را تعریف می کند.
یک تگ شروع <h1> و تگ پایان < h1/> دارد.
محتوای عنصر عبارت است از: اولین Heading .
<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> یک عنصر خالی بدون تگ پایانی است. (<br> شکست خط را تعریف می کند).
عناصر خالی می توانند تگ پایانی داشته باشند مثل <br/>.
در html 5 برای عناصر خالی نیازی به تگ های پایانی ندارید. اما اگر می خواهید اعتبار دقیق تری داشته باشید،یا اگر نیاز دارید که سند خود را با parsers های XML قابل خواندن کنید، باید تمام عناصر HTML را به درستی ببندید.
از تگ هایی با حروف کوچک استفاده کنید.
تگ های HTML حساس به حروف بزرگ نیستند:
<P> به معنی همان <p> است.
استاندارد HTML5 نیازی به تگ هایی با حروف کوچک نیست، اما W3C (سایت W3C برای اعتبار سنجی کد ها می باشد. ) توصیه می کند که از حروف کوچک برای تگ ها استفاده کنید و برای انواع سند از XHTML خواستار حروف کوچک است.
ما همیشه از تگ های کوچک استفاده می کنیم.
