تگ head و آشنایی با عناصر و کاربردهای آن به همراه فیلم آموزشی

بعد از آشنایی با مفهوم اولیه html اکنون می‌خواهیم به بررسی عناصر بخش head بپردازیم و اینکه این عناصر در صفحات وب چه جایگاه و کاربردهای را دارند

تگ head

همانطور که در جلسه آموزشی مفاهیم اولیه HTML آشنا شدید که معمولا عناصر (Elements) HTML با یک تگ شروع و با تگ پایان تعریف می شود، در این قسمت میخواهیم به بررسی عناصر بخش تگ head بپردازیم و جایگاه آنها در صفحه HTML را بررسی کنیم.

عناصر Head چیست و شامل چه عناصری است؟

  • تگ <head> شامل عناصری  است که اطلاعات کلی درباره صفحه ،عنوان صفحه، اطلاعات متا (meta) ، style sheet URL و اطلاعات document type به ما می دهند
  • عناصر درون <head> در بدنه body مرورگر نمایش داده نمی‎شود
  • تگ html شامل عناصری همچون : <!doctype>, <link>, <meta>, <title>, <style> و <script> می‎باشد

کاربردهای عناصر Head

  • تگ <DOCTYPE!> : به مرورگر اعلام می‎کند که از چه نسخه ‎ HTMLدر صفحه استفاده شده است.
  • تگ <link> : برای لینک دهی به یک آدرس CSS یا JavaScript …تعریف می‎شود.
  • تگ <meta> : برای رشد رنکینگ در موتور های جستجوگر استفاده می شود، یعنی صفحه وب را با استفاده از اطلاعات meta بهینه سازی می‌کند.
  • تگ <title> : عنوان صفحه را مشخص می‎کند.
  • تگ <style> : برای نوشتن کد CSS داخل همان صفحه HTML استفاده می‎شود.
  • تگ <script> : برای ساخت صفحات داینامیک وب با استفاده از زبان جاوا اسکریپت استفاده می‎شود.

ساختار Head

همانطور که در مثال بالا ملاحظه می کنید head در داخل بدنه html قرار دارد در آن عنوان سایت داخل تگ title درج شده است، همچنین فایل سی اس اس (CSS) با نام style.css که با استفاده از تگ link و فایل جاوا اسکریپت jquery.js  با استفاده است تگ script در بدنه head تعریف شده‎اند.

شما میتوانید فیلم آموزشی این قسمت را با لینک مستقیم دانلود کنید.