پنل کاربری
021 4421 4598
info@portalsaz.com
صفحه 1 از 1 < 1 >

Feed
1390/08/20 00:00

آموزش HTML بخش نهم

تگ <meta> چیست و نحوه تنظیمات آن چگونه است ؟

می توان تگ <meta> را خلاصه ای از مطالب یک وب سایت دانست که شامل توضیحاتی کوتاه در مورد وب سایت و محتویات آن ، کلمات کلیدی برای کمک به موتورهای جستجو و همچنین کاربران برای پیدا کردن مطالب مورد نظر است .
اما فواید تگ های <meta> و نحوه تنظیم آن چگونه است؟
تگ <meta> در ظاهر در صفحات وب نمایش داده نمی شود و البته می توان به راحتی آنها را با نگاهی درsource code سندهای HTML و مابین تگ <head> پیدا نمود.
به طور معمول تگهای <meta> برای ارائه توضیحاتی درباره محتویات وب سایت ، کلمات کلیدی ، به وجود آورنده وبسایت ، تاریخ آخرین ویرایش و … به کار می رود.
تگ های <meta> توسط مرورگرها ، موتورهای جستجو و دیگر سرویسهای وب مورد استفاده قرار می گیرند. در حال حاضر این تگها به دلیل سوء استفاده های زیادی که ازآن برای بالا بردن رتبه وب سایت ( با وارد کردن کلمات غیر مرتبط ) در موتورهای جستجو می شد از اهمیت کمتری برای موتورهای جستجو بر خوردار است ولی وجود آن با محتویات صحیح و کاربردی به رتبه وب سایت در موتورهای جستجو و همچنین رضایت مندی جستجو گران برای رسیدن به هدفشان کمک بسیاری خواهد کرد.رعایت نکات زیر می تواند در تعیین و تنظیم محتوای تگهای <meta> مفید باشد.

- بهتر است مقادیر title , description , keyword برای هر صفحه وب سایت به صورت مجزا و با توجه به محتویات آن صفحه وب تعیین گردد و از تکرار آن در همه صفحات وب به صورت یکسان خودداری شود.

- بهتر است بین کلمات مورد استفاده در title , description , keyword یک رابطه منطقی موجود باشد و از کلمات تکراری کمتری استفاده شود.

- و در نهایت اینکه محتویات تگهای <meta> حتما باید به روشنی بیانگر محتویات آن صفحه وب باشند .

در زیر نمونه ای از تگهای <meta> را ملاحظه خواهید نمود.

1 <head>
2 <meta name="description" content="Free Web tutorials" />
3 <meta name="keywords" content="HTML,CSS,XML,JavaScript" />
4 <meta name="author" content="Amir Sorouri" />
5 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
6 </head>

تفاوت مابین تگهای <meta> با خاصیت HTTP-EQUIV و NAME چیست ؟

اگر شما به جای

1 <meta name="...">

از

1 <meta HTTP-EQUIV="...">

استفاده نمائید نشان دهنده این موضوع است که محتویات این تگ <meta> ، به عنوان HTTP headers ارسال می شود.

اما HTTP headers چیست ؟

HTTP headers اطلاعاتی در مورد هر سند است که همراه با آن ارسال می شود. این اطلاعات در صفحه وب نمایش داده نمی شوند و قبل از محتویات (HTML) هر صفحه وب ارسال میگردند و شامل اطلاعاتی مانند cookies, caching redirection, proxy servers هستند. در زیر می توانید نمونه ای از HTTP headers را ملاحظه نمائید .

1 HTTP/1.1 200 OK
2 Date: Wed, 13 Aug 1997 02:35:50 GMT
3 Server: Apache/1.2.0
4 Last-Modified: Fri, 04 Jul 1997 22:18:24 GMT
5 ETag: "28f7d-810-33bd76b0"
6 Content-Length: 2064
7 Accept-Ranges: bytes
8 Connection: close
9 Content-Type: text/html

یک تگ <meta> با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه با HTTP headers برای Server ارسال نمائید.

مثال :

1 <META HTTP-EQUIV="Author" CONTENT="Amir Sorouri">

باید به این نکته تاکید کرد که تمامی مرورگرها موظف به استفاده از HTTP-EQUIV هستند اگر واقعا این اطلاعات درون HTTP headers وجود داشته باشند اما همیشه این اطلاعات در درون HTTP headers ساخته نمی شود.
سازندگان و گردانندگان Server ها دریافتند که استفاده از تگهای <meta> با خصوصیت HTTP-EQUIV بار محاسباتی بر روی Server را بسیار افزایش میدهد و این موضوع باعث کند شدن زمان بارگذاری صفحات وب و همچنین فشار بیش از حد بر روی سرورها می شود. بنا براین از خصوصیت

1 <meta name="...">

به عنوان جایگزینی برای

1 <meta HTTP-EQUIV="...">

استفاده نمودند.

در حال حاضر تعداد معدودی از سرورها به طور کامل از HTTP-EQUIV پشتیبانی می کنند. می توانید اطلاعات بیشتری را در این خصوص از سرویس دهنده وب سایت خود دریافت نمائید (web Hosting Service)

.در زیر می توانید لیستی از خصوصیات و مقادیر تگ <meta> را ملاحظه نمائید و با جایگذاری مقادیر ، از آنها استفاده کنید.

DTD مشخص کننده نوع سند HTML است. S=Strict, T=Transitional, and F=Frameset


Attribute Value Description DTD
content text Specifies the content of the meta information STF
Attribute Value Description DTD
http-equiv content-typecontent-style-type

expires

refresh

set-cookie

Provides an HTTP header for the information in the content
attribute
STF
name authordescription

keywords

generator

revised

others

Provides a name for the information in the content
attribute
STF
scheme format/URI Specifies a scheme to be used to interpret the value of the
content attribute
STF

1 <meta name="value" />

مثال :

1 <head>
2 <meta name="description" content="Free Web tutorials" />
3 <meta name="keywords" content="HTML,CSS,XML,JavaScript" />
4 <meta name="author" content="Amir Sorouri" />
5 </head>
Value Description
author Defines the author of the document
copyright Defines copyright information of the document
description Defines a description of the document
distribution Defines the distribution level of the document (like “Global”)
generator Defines the program used to generate the document
keywords Defines keywords to describe the document
progid Defines the id of a program used to generate the document
rating Defines webpage rating
resource-type Defines the type of the web resource
revisit-after Defines the expected update rate of the web resource
robots Defines rules for robots (web crawlers for search engines)
others You can define your own names in a schema

1 <meta http-equiv="value" />

مثال :

1 <head>
2 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
3 </head>
Value Description
Allow Defines the methods supported by the server
Content-Encoding Defines additional content-encoding for the document
Content-Length Defines the size of the
document (in bytes)
Content-Type Defines the MIME type of the
document (like text/html)
Date Defines when the document was created
Expires Defines when the document will be considered obsolete
Last-Modified Defines when
the document was last modified
Location Defines an absolute URL for the document
Refresh Defines
a time interval for the document to refresh itself
Set-Cookie Defines a cookie-value
WWW-Authenticate Defines authentication rules returned by the server

1 <meta scheme="value" />

مثال :

1 <head>
2 <meta name="date" content="2009-01-02" scheme="YYYY-MM-DD" />
3 <meta name="identifier" content="0-2345-6634-6" scheme="ISBN" />
4 </head>
Value Description
format/URI Defines the format (or points to an URI that contains the
information) of the value inside the content attribute

چگونگی استفاده از Script ها درصفحات وب

تگ <script> در واقع برای معرفی client-side script مانند JavaScript در صفحات وب مورد استفاده قرار می گیرد.

با استفاده از تگ<script> می تواند اسکریپت ها را به صورت مستقیم و یا با استفاده از یک سند خارجی در صفحات وب وارد نمائید.

1 <script type="text/javascript">
2 document.write("Hello World!")
3 </script>

ویا

1 <script src="myJavascript.js" type="text/javascript"></script>

از اسکریپت هایی مانند JavaScript به طور نمونه به عنوان ویرایش کننده تصاویر ، اعتبار سنج فرمها و یا برای تغیرات پویا در صفحات وب استفاده می شود. (image manipulation, form validation, and dynamic changes of content )
تگ <noscript>

در مواقعی که Script ها نتوانند بر روی مرورگر شما فعال شوند ( هنگامی که با استفاده از تنظیمات مرورگر خود اجرای Script ها را محدود کرده باشند و یا اینکه تعدادی از مرورگرها از آن Script پشتیبانی نکنند و … ) می توان از این تگ به عنوان هشدار دهنده استفاده نمود.

محتویات این تگ تنها هنگامی نمایش داده می شوند که یکی از دلایل ذکر شده وجود داشته باشد ( not supported, or disabled )

1 <script type="text/javascript">
2 document.write("Hello World!")
3 </script>
4 <noscript>Sorry, your browser does not support JavaScript!</noscript>

نظرات

نظر شما
نام :
پست الکترونیکی :
وب سایت :
متن :

تصویر :

برچسب ها :