معرفی تگ های اصلی در HTML

برای معرفی تگ های اصلی در HTML با تگ DOCTYPE شروع می کنیم.

تگ DOCTYPE :

در XHTML پیشنهاد شده است که کدهای HTML حتما در یک DTD نوشته شود. عبارت DOCTYPE html همان DTD است و مقادیر آن برای راهنمایی کردن مرورگرهای وب جهت پردازش صحیح صفحه مورد نظر است که یکی از تگ های اصلی در HTML محسوب می شود.
مدل استاندارد DTD در نسخه های مختلف HTML متفاوت است که در زیر دو مورد از مهمترین آنها را ذکر میکنیم:

  • در آخرین نسخه از HTML یعنی در HTML5 به صورت <!DOCTYPE HTML> در نظر گرفته شده است.
<!DOCTYPE HTML>
  • حالت زیر برای صفحه ای استفاده می شود که از دستورات XHTML استفاده شده باشد، این حالت برای مرورگرهایی در نظر گرفته شده که از CSS نیز پشتیبانی می کنند:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/html1/DTD/xhtml1-strict.dtd">

تگ html:

اصلی ترین برچسب مورد استفاده در صفحات وب تگ <html> است، در حقیقت مرورگر با دیدن این برچسب درمی یابد که فایل مورد نظر حاوی کدهای html است، در انتهای فایل نیز باید از تگ مکمل </html> به معنای پایان فایل استفاده شود.
بصورت زیر :

<!DOCTYPE HTML>
 <html>
   ....
 </html>

تگ head:

یکی دیگر از تگ های اصلی در HTML بررچسب head است. این برچسب حاوی اطلاعات کلی درباره فایل html است که در مرورگر نمایش داده نمی شود ولی به نحوه نمایش اطلاعات کمک میکند.
اطلاعاتی مثل عنوان صفحه ( تگ title ) ، کلمات کلیدی( metatags ) ، استایل های خارجی و داخلی( CSS ) ، جاوا اسکریپت های خارجی و داخلی( javascript ) ، آیکون صفحه( icon ) ، توضیحاتی راجع به سازنده و … که برای مرورگر و نیز ایندکس کردن توسط جستجوگرهای وب مانند گوگل و یاهو بسیار مهم است.

<!DOCTYPE HTML>
 <html>
   <head> ... </head>
   ...
 </html>

تگ body:

این برچسب برای مشخص کردن بدنه اصلی صفحه HTML به کار می رود و در واقع فقط محتویات این برچسب توسط مرورگر به عنوان خروجی نمایش داده می شود.

<!DOCTYPE HTML>
 <html>
   <head> ... </head>
   <body> ... </body>
 </html>