تگ های فراخوانی

اچ تی ام ال

تگ های فراخوانی

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

تگ های فراخوانی عبارت اند از :

<meta> <base> <link> <title> <style> <script>

در این قسمت به معرفی تگ های link , meta , base می پردازیم و در ادامه آموزش به دلیل رسیدن به دانش اولیه به آموزش style , script خواهیم رسید .

تگ <meta> :

اين تگ اطلاعات کلی درباره مطالب درون صفحه وب ، توضيحات ضروری و واژه های کليدی مرتبط با موضوع صفحه جهت استفاده موتورهای جستجو را شامل می شود .

چيدمان مناسب و استفاده از کليد واژه های مرتبط به موضوع صفحه ، باعث بهتر نمايش داده شدن صفحه و سايت در قسمت جستجوی موتورهای جستجو می شود .

- تعيين کليدواژه ها برای موتورهای جستجو :

موتورهای جستجو ، هنگام جستجو برای يافتن مطالب در مورد يک موضوع خاص ، آن مطلب را با کليدواژه های تعريف شده در سايت مقايسه کرده و در صورت يکسان بودن ، صفحه وب سايت شما را در ليست نتايج جستجو نمايش می دهند .

<meta name="keywords" content="Html,CSS,XML,Java Script,VB Script" />
- تعيين يک توضيح درباره مطالب صفحه :

در این گونه تگ های Meta , شما در مورد صفحه ی وب ، وبلاگ و یا سایتتون توصیفی رو قرار میدین . موتور های جستجوگر نظیر Google و Yahoo به این تگ اهمیت میدن . یعنی هنگام جستجو کردن ، توصیف درون این تگ رو دریافت می کنن و در صورت مربوط بودن به کلمه ی جستجو شده اون صفحه رو در نتایج جستجو قرار میدن . این تگ و توصیفی که در اون می نویسید می تونه در افزایش آمار بازدیدتون خیلی مؤثر باشه . فقط باید توجه داشته باشید که توصیف بیش از حد در این تگ هیچ تاثیری در بالاتر بردن کارایی اون نداره . سعی کنید یه توصیف کوتاه و دقیق راجع به صفحه رو در اون بگذارید

<meta name="discription" content="وب سایت توسعه دهنده وب" />
تگ های متای HTTP-EQUIV

این تگ ها از پرکاربرد ترین تگ های Meta هستند . اهمیت این تگ ها برای سایت های فارسی و کلا جاهایی که متن فارسی درون صفحه وجود داره خیلی زیاده . چون این تگ های متا به مرورگر می فهمونن که این یک صفحه به زبان فارسی هست و مرورگر اونو درست نمایش میدهد . شاید بعضی جاها دیده باشید که متن های فارسی به صورت صحیح نمایش داده نمیشه . دلیلش اینه که از این تگهای متا در صفحه استفاده نشده .

<meta http-equiv="Content-Language" content="fa" />
یا
<meta charset="UTF-8" />
- تعيين آخرين زمان بازبينی و به روز کردن صفحه :

<meta name="rivised" content="1396/8/4" />

تگ <base> :

اين تگ يک آدرس پايه برای کليه لينک های موجود در صفحه تعيين می کند .

فرض کنيد که آدرس يک عکس در صفحه به صورت زير است :

<img src="http://DatoosTech.com/images/logo.jpg" />

اگر تگ < base > در قسمت head به صورت زير وارد شود :

<head>
<base href="http://DatoosTech.com/images/logo.jpg" />
<head/>

در هنگام وارد کردن عکس فوق در صفحه ، می توان برای وارد کردن آدرس عکس فقط ادامه مقدار آدرس عکس را در تگ < img > به صورت زير وارد کرد :

<img src="http://DatoosTech.com/images/logo.jpg" />

تگ <link> :

تگ لينک برای برقراری ارتباط بين صفحه جاری و يک صفحه يا فايل خارجی مورد استفاده قرار می گيرد . تگ لينک تگ پايانی ندارد و با علامت / در همان تگ ابتدايی بسسته می شود .اين تگ می تواند به دفعات دلخواه و برای مقاصد مختلف ، در قسمت Head مورد استفاده قرار بگيرد .

برای مثال از تگ link می توان برای اتصال صفحه به يک فايل قالب دهی ( Style Sheet CSS ) ، فايل حاوی دستورات اسکريپتی مثل js و ... استفاده کرد .

استفاده از تگ لينک برای برقراری ارتباط بين صفحه جاری و يک فايل CSS :

<head>
<link rel="Stylesheet" type ="text/css" href ="../style.css" />
<head/>

استفاده از تگ لينک برای قرار دادن ایکون سایت کنار آدرس بار :

<head>
<link rel="icon" type="image/gif" href="../images/favicon.ico" />
<head/>

نکته : باید توجه داشته باشید که سایز عکس باید 16 در 16 باشد و پسوند بهتر است gif باشد یا ico