در آموزش HTML قبل با ساختار HTML و تگ ها آشنا شدید. در این قسمت قصد داریم عناصر HTML را بررسی کنیم
سینتکس عناصر HTML
المنت HTML یک نماد مفهومی یا معنایی است. برای مثال, المان title نشان دهنده عنوان سند است.
بیشتر عناصر HTML با یک تگ شروع (یا تگ باز) و با تگ پایان (یا تگ بسته) به همراه محتوای بین آن نوشته می شوند.
عناصر (elements) نیز شامل خصوصیات (attributes) که ویژگی های اضافی از یک المان را تعریف می کنند.
برای مثال, یک پاراگراف, که با المان p تعریف می شود, بصورت زیر می نویسیم:
در مورد خصوصیات در جلسه بعدی یاد می گیرید.
نکته: تمام المان ها نیاز به تگ پایان برای تعریف ندارند. این ها را عناصر خالی (empty یا void یا self-closing) می گویند. اصطلاح عناصر : المان : المنت : element یکی هستند
تگ ها و عناصر HTML
از لحاظ فنی, یک عنصر HTML مجموعه ای از تگ شروع, خصوصیات و یک تگ پایان به همراه محتوای بین آن است. از سوی دیگر, یک تگ HTML برای نشانه گذاری ابتدا یا پایان المنت استفاده می شود.
با این حال, بطور معمول این دو اصطلاح تگ HTML و عنصر HTML را به جای هم استفاده می کنند مثلا تگ یک المان است المان یک تگ است.
برای سادگی مطالب آموزش HTML نت پارادیس ما اصطلاحات “tag” و “element” را به یک معنی استفاده می کنیم.
عدم حساسیت حروف در تگ ها و خصوصیات HTML
در HTML , نام تگ و خصوصیات به حروف کوچک و بزرگ حساس نیست. به این معنی که تگ <P> و تگ <p> یک چیز یکسان را که همان پاراگراف در HTML است تعریف می کنند.
اما در XHTML حساسیت به حروف کوچک و بزرگ (case-sensitive) وجود دارد.
نکته: پیشنهاد می کنیم که از حروف کوچک برای نام تگ ها و خصوصیات در HTML استفاده کنید, این کار باعث می شود که سند شما سازگاری بیشتری برای ارتقاء های آینده داشته باشد.
عناصر خالی HTML
المان های خالی تگ های دربرگیرنده نیستند به این معنی که نمی توانید محتوایی داخل آنها قرار بدید و هیچ تگ بسته (یا تگ پایان) ندارند.
یک مثال ساده از عناصر خالی, المان <br> برای رفتن به خط جدید و یا <hr> برای ایجاد یم خط افقی است.
|
1 |
<p>This paragraph contains <br> a line break.</p> |
نکته : در HTML , یک تگ empty بطور ساده <br> نوشته می شود ولی در XHTML که قدیمی هم است و استفاده نمی کنیم, یک تگ خالی با یک فاصله و اسلش بسته می شود. مثل <br />
المان های تو در تو (nested) در HTML
بیشتر عناصر HTML می توانند تعداد زیادی از المنت ها در داخل خود قرار بدند.
مثال زیر نحوه استفاده از المان <em> داخل المان <p> را بصورت تو در تو نشان داده است.
|
1 |
<p class="example">Here is some <em>emphasized</em> text.</p> |
انواع عناصر HTML
عناصر HTML به دو گروه متمایز block level و inline level تقسیم می شوند.
عناصر نوع block ساختار اصلی سند HTML را می سازند در حالی که عناصر inline محتوای بلاک را تشکیل می دهد.
امیدوارم از این بخش آموزش HTML که در مورد عناصر HTML بود نهایت استفاده را برده باشید.
هر سوالی بود از بخش نظرات این مطلب ارسال کنید. سریعا, پاسخگوی سوالات شما هستیم.
موفق باشید.
