عنصرها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از آموزش عنصر اچ ت ام ال)
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

یک عنصر HTML معمولاً شامل یک تگ آغاز و یک تگ پایان با محتوای بین آنها است:[۱]

<tagname>Content goes here...</tagname>

در عنصر HTML همه چیز از تگ آغازی تا تگ پایانی است:

<p>My first paragraph.</p>
تگ پایانی محتوای عنصر تگ آغازی
</h1> اولین عنوان من <h1>
</p> اولین پاراگراف من <p>
<br>
عنصرهای HTML بدون محتوا، عنصرهای خالی نامیده می‌شوند. عنصرهای خالی تگ پایانی ندارند، مانند عنصر <br> (که نشان دهنده خط جدید (به انگلیسی: Line Break) است).


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

عنصرهای HTML می‌توانند تودرتو باشند (عنصرها شامل عنصرهای دیگری باشند).

همهٔ سندهای HTML دارای عنصرهای HTML تودرتو هستند.

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

مثال

1 <!DOCTYPE html>
2 <html>
3 <body>
4 
5 <h1>My First Heading</h1>
6 <p>My first paragraph.</p>
7 
8 </body>
9 </html>


مشاهدهٔ نتیجه


توضیح مثال

عنصر <html> کل سند را تعریف می‌کند.

یک تگ آغازی <html> و یک تگ پایانی </html> دارد.

داخل عنصر <html> عنصر <body> قرار دارد.

1 <html>
2 <body>
3 
4 <h1>My First Heading</h1>
5 <p>My first paragraph.</p>
6 
7 </body>
8 </html>

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

یک تگ آغازی <body> و یک تگ پایانی </body> دارد.

داخل عنصر <body> عنصرهای HTML دیگری قرار دارند: <h1> و <p>

1 <body>
2 
3 <h1>My First Heading</h1>
4 <p>My first paragraph.</p>
5 
6 </body>

عنصر <h1> عنوان را مشخص می‌کند.

یک تگ آغازی <h1> و یک تگ پایانی </h1> دارد.

محتوای عنصر هست: اولین عنوان من.

<h1>My First Heading</h1>

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

یک تگ آغازی <p> و یک تگ پایانی </p> دارد.

محتوای عنصر هست: اولین پاراگرف من.

<p>My first paragraph.</p>

تگ پایانی را فراموش نکنید

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

مثال

1 <html>
2 <body>
3 
4 <p>This is a paragraph
5 <p>This is a paragraph
6 
7 </body>
8 </html>


مشاهدهٔ نتیجه


مثال بالا در همهٔ مرورگرها اجرا می‌شود، زیرا تگ پایانی دلخواه در نظر گرفته می‌شود.

هرگز به این نکته تکیه نکنید. ممکن است اگر تگ پایانی را فراموش کنید نتایج غیر منتظره و/یا خطاهایی تولید کند.

عنصرهای خالی HTML

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

<br> یک عنصر خالی بدون تگ پایانی است (تگ <br> خط جدید را تعریف می‌کند):

مثال

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


مشاهدهٔ نتیجه


عناصر خالی را می‌توان در همان تگ آغازی «بست» مانند:<br>.

HTML5 نیازی به بستن عنصرهای خالی ندارد. اما اگر بخواهید اعتبارسنجی دقیق انجام دهید، یا اگر لازم باشد سند توسط پارسرهای XML هم خوانا باشد، باید همهٔ عنصرهای HTML را به درستی ببندید.

HTML به کوچکی و بزرگی حروف حساس نیست (به انگلیسی: Case Sensitive)

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

HTML5 استاندارد نیازی به تگ‌های با حروف کوچک ندارد اما WSC حروف کوچک را پیشنهاد می‌کند و برای انواع سند سخت‌تر مانند XHTML حروف کوچک را درخواست می‌کند.

در WikiCod ما همیشه از تگ‌ها با حروف کوچک استفاده می‌کنیم.


منابع آموزشی