جلسه ی ششم : درون تگ head

جلسه ی ششم : درون تگ head
5 (100%) 1 vote
جلسه ی ششم : درون تگ head
5 (100%) 1 vote

تگ های درون تگ های head

 

خب سلام مجدد خدمت دوستان عزیز  در این جلسه می خواهیم درباره ی تگ هایی که بین تگ اصلی head قرار می گیرند و کاربرد آن ها به صورت خلاصه صحبت نماییم .

تگ های درون تگ head

تگ های meta

به طور معمول اولین تگی که درون تگ head وجود دارد تگ meta می باشد . همانطور که می دانید کد نویسی با زبان های HTML و CSS به صورت جهانی می باشد . هر فردی که به زبان انگلیسی تسلط کمی داشته باشد می تواند این دو زبان را یاد بگیرد .

در هر وب سایت منو ها ، دکمه ها ، فرم ها و اجزای بسیاری وجود دارد که جمله ها در آن به زبان آن کشور نوشته شده است (کشوری که سایت در آن فعالیت می کند مثل سایت ما که در ایران فعالیت می کند و طبیعتا زبان سایت ما فارسی است.) برای این که بتوانیم از زبان خود درون زبان های نشانه گذاری CSS و  HTML استفاده کنیم کافیست نوع زبان خود را در به صورت کد برای این زبان HTML تعریف نمایید .

( سخن نویسنده : می دانم متوجه نشدید اشکالی ندارد به طور کلی اگر بخواهیم در این زبان به زبان فارسی چیزی بنویسیم کافیست کد زیر را درون تگ head قرار دهیم. )


<meta charset="utf-8">

این کد برای شناسایی زبان فارسی (نه فقط زبان فارسی!) به مرورگر ها می باشد .

البته در نرم افزار نوت پد ++ باید Encoding را تغییر دهیم . برای مشاهده ی این آموزش بر روی این متن کلیک کنید .

تگ title

Title در لغت به معنای عنوان می باشد و در کد نویسی از تگ title برای عنوان یک صفحه استفاده می شود ، وقتی تگ title را درون تگ head قرار می دهیم می توانیم عنوان صفحه ی سایت خود را در میان آن بنویسیم .

نکته : این عنوان نام فایل html نمی باشد بلکه نام صفحه ای می باشد که توسط یک مرورگر باز شده است .

نمونه کدی که درون تگ head قرار می گیرد :


<title>amozesh</title>

نکته : این نام را می توان به هر زبانی نوشت ( حتما نباید انگلیسی باشه 🙂 ) .

نکته : در هر صفحه ی وب فقط یک تگ title می توان استفاده نمود در غیر این صورت با Error (نه به معنای حقیقی ERROR بلکه یک سوتی از جانب طراح وب می باشد این نوع سوتی اصلا جالب نیست.)مواجه می شویم .

تگ Link

همانطور که در جلسه ی قبل آموزش دادیم می توانیم فایل CSS خود را به فایل HTML لینک کنیم . ( برای دیدن این آموزش کلیک کنید )

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

نکته : تگ لینک فقط در داخل تگ head قرار می گیرد (می توان بارها از آن در head استفاده کرد) .

تگ style

در صورتی که بخواهیم از استایل محلی استفاده کنیم این تگ را داخل تگ head قرار می دهیم در غیر این صورت از این تگ استفاده نمی کنیم .

 

خلاصه مطلب :

  1. از تگ meta درون تگ headاستفاده می نماییم که یکی از کاربرد های آن تعیین نوع زبان مورد استفاده در وب سایت می باشد .
  2. از تگ title برای عنوان صفحه در مرورگر استفاده می کنیم .
  3. هر صفحه ی وب فقط می تواند یک تگ title داشته باشد .
  4. تگ link از این تگ برای ارجاع دادن هر فایلی که در طراحی سایت نیاز داریم استفاده می شود . ( البته این تگ مربوط به HTML می باشد و برای CSS آموزش دیگری خواهیم داشت )
  5. از تگ style برای ایجاد استایل محلی استفاده می شود .
ابوالفضل کلهری

فعال در زمینه های ui و ux و طراحی وب سایت مسلط به زبان های نشانه گذاری HTML و CSS و همچنین در زمینه ی آموزش زبان های HTML و CSS نیز فعالیت دارم . امیدوارم با آموزش هایی که در این سایت قرار می دهم موجب پیشرفت شما عزیزان باشم.

آخرین ارسالی های وبلاگ

لوگو

logo-samandehi

تاییدیه ها