عناصر 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/> تگ پایانی است.

حتما بخوانید:  راهنمای style و Coding Conventions

محتوای عنصر، دو عنصر دیگر 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>  شکست خط را تعریف می کند).

حتما بخوانید:  ویژگی های ورودی HTML

عناصر خالی می توانند تگ پایانی داشته باشند مثل <br/>.

در html 5   برای عناصر خالی نیازی به تگ های پایانی ندارید. اما اگر می خواهید اعتبار دقیق تری داشته باشید،یا اگر نیاز دارید که سند خود را با parsers های XML قابل خواندن کنید، باید تمام عناصر HTML را به درستی ببندید.
از تگ هایی با حروف کوچک  استفاده کنید.

 

تگ های HTML حساس به حروف بزرگ نیستند:

<P> به معنی همان <p> است.

استاندارد HTML5 نیازی به تگ هایی با حروف کوچک نیست، اما W3C (سایت W3C  برای اعتبار سنجی کد ها می باشد. ) توصیه می کند که از حروف کوچک برای تگ ها استفاده کنید و برای انواع سند  از XHTML خواستار حروف کوچک است.

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

امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

محتواهایی که حتما می‌پسندید:

دیدگاه‌تان را ثبت کنید:

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

بسته آموزشی کسب و کار اینترنتی
PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
ورود کاربران
* دسترسی رایگان به بخش آکادمی