عناصر HTML
یادگیری HTMLیک عنصر HTML معمولا شامل یک تگ آغاز و یک تگ پایان می باشد که ما بین آنها محتوا قرار می گیرد.
عنصر HTML خود یک تگ آغاز و پایان دارد و محتوای سند ، همه چیزی است که بین این دو قرار می گیرد.
عناصر تو در تو HTML
در HTML عناصر می توانند تو در تو باشند (یک عنصر محتوی عنصر دیگر). تمام عناصر HTML شامل عناصر تو در تو می شوند.
مثال زیر حاوی 4 عنصر HTML می باشد :
<!DOCTYPE html>
<html>
<body>
<h1>اولین تیتر من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>
مشاهده مثالتشریح مثال :
عنصر <html> کل سند را تعریف می کند و دارای یک تگ آغاز <html> و یک تگ پایان </html> می باشد. محتوای این عنصر ، عنصری دیگر است (عنصر <body>)
<html>
<body>
<h1>اولین تیتر من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>
مشاهده مثالعنصر <body> بدنه سند را تعریف می کند و دارای تگ های آغاز و پایان می باشد ( <body> , </body> ) . همچنین محتوای این عنصر نیز عناصر دیگری هستند ( <h1> , <p> )
<body>
<h1>اولین تیتر من</h1>
<p>اولین پاراگراف من</p>
</body>
مشاهده مثالعنصر <h1> تیتر سند را معرفی می کند و دارای تگ های آغاز و پایان می باشد ( <h1> , </h1> ). همچنین محتوای این عنصر عبارت "اولین تیتر من" می باشد.
<h1>اولین تیتر من</h1>
مشاهده مثالهمچنین عنصر <p> پاراگرافی برای سند تعریف می کند که دارای تگ های آغاز و پایان است ( <p> , </p> ) و محتوای آن عبارت "اولین پاراگراف من" می باشد.
<p>اولین پاراگراف من</p>
مشاهده مثالنکته! هیچوقت تگ پایان را فراموش نکنید
برخی از عناصر HTML حتی بدون نوشتن تگ پایان نیز درست کار میکنند
مثال :
<html>
<body>
<p>این یک پاراگراف است
<p>این یک پاراگراف است
</body>
</html>
مشاهده مثالمثال بالا در همه مرورگر ها درست نمایش داده خواهد شد ، زیرا تگ پایان به صورت اختیاری در نظر گرفته شده است. اما در برخی عناصر نبود تگ پایان باعث عدم نمایش صحیح سند خواهد شد.
پس هیچوقت بر این اساس تکیه نکنید که تگ پایان اختیاری است ، چون اگر تگ پایان را فراموش کنید ممکن است نتایج غیر قابل انتظار و/یا خطاهایی در اجرای سند ایجاد شود.
عناصر تهی HTML
به عناصر بدون محتوا در زبان HTML ، عناصر تهی گفته می شود. تگ <br/> یک تگ تهی است و تگ پایان ندارد. این تگ یک سطر فاصله ایجاد می کند (به عبارتی با استفاده از آن یک سطر ما بین دو عنصر قبل و بعد آن ایجاد می شود). عناصر خالی را می توانیم در همان تگ آغاز ببندیم. مانند : <br/>
در HTML5 نیازی به بستن تگ های تهی نیست ، اما اگر می خواهید یک اعتبارسنجی دقیق و سخت گیرانه داشته باشید یا می خواهید برای تجزیه کننده های XML سند خود را خواناتر کنید ، باید تمام عناصر HTML را به درستی ببندید.
از حروف کوچک استفاده کنید
تگ های HTML به بزرگی و کوچکی حروف حساس نیستند : <p> همان <p> است. همچنین استانداردهای HTML5 نیازی به حروف کوچک ندارند ، اما کنسرسیوم جهانی وب (W3C) در HTML حروف کوچک را پیشنهاد می کند و در اسناد محض مانند XHTML تگ های با حروف کوچک را درخواست می کند.
در وب مهراز ما همیشه از تگ های با حروف کوچک استفاده می کنیم.
نظر شما
>