عنصرها

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷نقشه‌های تصویری
۱۸تصاویر پس‌زمینه
۱۹عنصر Picture
۲۰جداول
۲۱لیست‌ها
۲۲بلوک‌ها
۲۳کلاس‌ها
۲۴شناسه
۲۵Iframeها
۲۶جاوا اسکریپت
۲۷مسیرهای فایل
۲۸Head
۲۹چیدمان‌ها
۳۰واکنش‌گرا
۳۱کد کامپیوتری
۳۲معنایی‌ها
۳۳موجودیت‌ها
۳۴نماد‌ها
۳۵ایموجی‌ها
۳۶مجموعه کاراکترها
۳۷رمزگذاری URL
۳۸HTML X
۳۹راهنمای استایل
فرم‌های 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 ما همیشه از تگ‌ها با حروف کوچک استفاده می‌کنیم.


منابع آموزشی