طراحی وب

عناصر HTML

عناصر HTML

آموزش html  درس چهارم

عناصر HTML
عناصر HTML

عناصر HTML  معمولاً شامل تگ شروع و تگ پایانی است، با محتوایی که درون آن قرار می گیرد.

<tagname>Content goes here…</tagname>
عناصر  html  هر چیزی را که بین تگ شروع و پایان قرار بگیرد را شامل می شود.
<p>My first paragraph.</p>
پاراگراف های  html  را از اینجا ببینید
Start tagElement contentEnd 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> و تگ پایان <html/> است.
محتوا در  یک عنصر دیگر  HTML قرار دارد  (عنصر <body>).

<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 خواستار حروف کوچک است.

 ما همیشه از تگ های کوچک استفاده می کنیم.

بیشتر بخوانید:

دوره آنلاین کسب و کار اینترنتی
برچسب ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره رایگان کسب و کار اینترنتی

10 جلسه به همراه فایل صوتی و ویدیویی
همین حالا شروع کنید
تا امروز بیش از 4000 نفر در این دوره شرکت کرده‌اند
بستن پیام
بستن