آموزش HTML بخش نهم
آموزش HTML بخش نهم
تگ <meta> چیست و نحوه تنظیمات آن چگونه است ؟
می توان تگ <meta> را خلاصه ای از مطالب یک وب سایت دانست که شامل توضیحاتی کوتاه
در مورد وب سایت و محتویات آن ، کلمات کلیدی برای کمک به موتورهای جستجو و همچنین
کاربران برای پیدا کردن مطالب مورد نظر است .
اما فواید تگ های <meta> و نحوه تنظیم آن چگونه است؟
تگ در ظاهر در صفحات وب نمایش داده نمی شود و البته می توان به راحتی آنها
را با نگاهی درsource code سندهای HTML و مابین تگ پیدا نمود.
به طور معمول تگهای برای ارائه توضیحاتی درباره محتویات وب سایت ، کلمات
کلیدی ، به وجود آورنده وبسایت ، تاریخ آخرین ویرایش و … به کار می رود.
تگ های توسط مرورگرها ، موتورهای جستجو و دیگر سرویسهای وب مورد استفاده
قرار می گیرند. در حال حاضر این تگها به دلیل سوء استفاده های زیادی که ازآن برای
بالا بردن رتبه وب سایت ( با وارد کردن کلمات غیر مرتبط ) در موتورهای جستجو می شد
از اهمیت کمتری برای موتورهای جستجو بر خوردار است ولی وجود آن با محتویات صحیح و
کاربردی به رتبه وب سایت در موتورهای جستجو و همچنین رضایت مندی جستجو گران برای
رسیدن به هدفشان کمک بسیاری خواهد کرد.رعایت نکات زیر می تواند در تعیین و تنظیم
محتوای تگهای مفید باشد.
- بهتر است مقادیر title , description , keyword برای هر صفحه وب سایت به صورت
مجزا و با توجه به محتویات آن صفحه وب تعیین گردد و از تکرار آن در همه صفحات وب به
صورت یکسان خودداری شود.
- بهتر است بین کلمات مورد استفاده در title , description , keyword یک رابطه
منطقی موجود باشد و از کلمات تکراری کمتری استفاده شود.
- و در نهایت اینکه محتویات تگهای حتما باید به روشنی بیانگر محتویات آن
صفحه وب باشند .
در زیر نمونه ای از تگهای <meta> را ملاحظه خواهید نمود.
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"
/> |
تفاوت مابین تگهای با خاصیت HTTP-EQUIV و NAME چیست ؟
اگر شما به جای
از
1 |
< meta
HTTP-EQUIV = "..." > |
استفاده نمائید نشان دهنده این موضوع است که محتویات این تگ <meta> ، به عنوان HTTP
headers ارسال می شود.
اما HTTP headers چیست ؟
HTTP headers اطلاعاتی در مورد هر سند است که همراه با آن ارسال می شود. این
اطلاعات در صفحه وب نمایش داده نمی شوند و قبل از محتویات (HTML) هر صفحه وب ارسال
میگردند و شامل اطلاعاتی مانند cookies, caching redirection, proxy servers هستند.
در زیر می توانید نمونه ای از HTTP headers را ملاحظه نمائید .
2 |
Date: Wed, 13 Aug 1997 02:35:50 GMT |
4 |
Last-Modified: Fri, 04 Jul 1997 22:18:24 GMT |
5 |
ETag: "28f7d-810-33bd76b0" |
9 |
Content-Type: text/html |
یک تگ با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه
با HTTP headers برای Server ارسال نمائید.
مثال :
1 |
< META
HTTP-EQUIV = "Author" CONTENT = "Amir Sorouri" > |
باید به این نکته تاکید کرد که تمامی مرورگرها موظف به استفاده از HTTP-EQUIV هستند
اگر واقعا این اطلاعات درون HTTP headers وجود داشته باشند اما همیشه این اطلاعات
در درون HTTP headers ساخته نمی شود.
سازندگان و گردانندگان Server ها دریافتند که استفاده از تگهای با خصوصیت
HTTP-EQUIV بار محاسباتی بر روی Server را بسیار افزایش میدهد و این موضوع باعث کند
شدن زمان بارگذاری صفحات وب و همچنین فشار بیش از حد بر روی سرورها می شود. بنا
براین از خصوصیت
به عنوان جایگزینی برای
1 |
< meta
HTTP-EQUIV = "..." > |
استفاده نمودند.
در حال حاضر تعداد معدودی از سرورها به طور کامل از HTTP-EQUIV پشتیبانی می کنند.
می توانید اطلاعات بیشتری را در این خصوص از سرویس دهنده وب سایت خود دریافت نمائید
(web Hosting Service)
.در زیر می توانید لیستی از خصوصیات و مقادیر تگ را ملاحظه نمائید و با
جایگذاری مقادیر ، از آنها استفاده کنید.
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 |
مثال :
2 |
< meta
name = "description" content = "Free Web tutorials"
/> |
3 |
< meta
name = "keywords" content = "HTML,CSS,XML,JavaScript"
/> |
4 |
< meta
name = "author" content = "Amir Sorouri"
/> |
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" /> |
مثال :
2 |
< meta
http-equiv = "Content-Type" content = "text/html;charset=ISO-8859-1"
/> |
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" /> |
مثال :
2 |
< meta
name = "date" content = "2009-01-02"
scheme = "YYYY-MM-DD" /> |
3 |
< meta
name = "identifier" content = "0-2345-6634-6"
scheme = "ISBN" /> |
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 در صفحات وب
مورد استفاده قرار می گیرد.
با استفاده از تگ
1 |
< script
type = "text/javascript" > |
2 |
document.write("Hello World!") |
ویا
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!") |
4 |
< noscript >Sorry, your browser does not support JavaScript!</ noscript |