آموزش طراحی سایت - آموزش متا تگ در Html
آموزش Meta Tag در HTML
آموزش html css
در این قسمت از آموزش HTML می خواهیم به Meta Tag در HTML و نحوه استفاده از آن در صفحات وب اشاره کنیم.
HTML علاوه بر مشخص کردن اطلاعات مهم به روش های مختلف در مورد یک داکیومنت، به شما اجازه می دهد تا متادیتا را نیز مشخص کنید. عناصر META می توانند برای وارد کردن جفت مقدار/نام استفاده شوند، این جفت ویژگی های داکیومنت HTML مانند نویسنده، تاریخ اتمام، لیست کلمات کلیدی، داکیومنت نویسنده و غیره را ارائه میدهد.
برچسب < meta> برای ارائه ی چنین اطلاعات اضافه ای استفاده می شود. این برچسب یک عنصر خالیست و دارای برچسب بستن نیست اما اطلاعاتی را با ویژگی آن در خود دارد. شما می توانید بر اساس اطلاعاتی که می خواهید در داکیومنت خود نگهداری کنید، یک برچسب یا بیشتر از یک برچسب متا وارد داکیومنت خود کنید. اما به طور کل برچسب های متا وضعیت ظاهری داکیومنت را تحت تاثیر قرار نمی دهند، بنابراین از لحاظ ظاهری استفاده کردن یا نکردن از آنها مشخص نمی شود.
افزودن برچسب های متا به داکیومنت ها:
شما می توانید با قرار دادن برچسب های در داخل تیتر داکیومنت که با برچسب های و مشخص می شوند، متا دیتا را به صفحات وب خود اضافه کنید. یک برچسب متا علاوه بر ویژگی های مرکزی، می تواند دارای ویژگی های زیر نیز باشد:
| Attribute |
Description
|
| Description |
نام برای پراپرتی، می تواند هر چیزی از جمله کلمات کلیدی، توصیفات، نویسنده، تولید کننده و غیره باشد.
|
| content |
مقدار ویژگی را مشخص می کند.
|
| scheme |
نموداری را برای توضیح مقدار ویژگی مشخص می کند. (همانطور که در محتوی ویژگی مشاهده کردید.)
|
|
http-equiv
|
برای تیترهای پیام پاسخ http استفاده می شود. برای مثال http-equiv می تواند برای تازه سازی صفحات یا تنظیم یک cookie استفاده شود.مقادیری مانند نوع محتوا، اتمام، تازه سازی و تنظیم cookie.
|
مشخص کردن کلمات کلیدی
می توانید از برچسب برای مشخص کردن کلمات کلیدی مربوط به داکیومنت استفاده کنید، و پس از آن این کلمات توسط موتورهای جستجو استفاده می شوند، و صفحه ی وب شما را به هدف جستجو ایندکس می کنند.
مثال:
در این مثال برچسب های متا، متادیتا و HTML را با عنوان کلمات کلیدی در مورد داکیومنت وارد می کنیم.
|
1
2
|
< title >Meta Tags Example< /title >< meta name="keywords" content="HTML, Meta Tags, Metadata" > |
توصیف داکیومنت
شما می توانید از برچسب برای توصیف داکیومنت استفاده کنید. این برچسب نیز می تواند توسط موتورهای مختلف جستجو مورد استفاده قرار بگیرد، در حالیکه صفحه ی وب شما را به هدف جستجو ایندکس می کند.
مثال:
بازبینی تاریخ داکیومنت
شما می توانید از برچسب برای ارائه ی اطلاعات در مورد زمان آخرین آپدیت داکیومنت استفاده کنید. این اطلاعات می توانند توسط مرورگرهای مختلفی استفاده شوند، در حالیکه صفحه ی وب شما را تازه سازی می کنند.
مثال:
|
1
2
3
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / > < meta name="description" content="Learning about Meta Tags." / > < meta name="revised" content="Tutorialspoint, 3/7/2014" / > |
تازه سازی داکیومنت:
یک برچسب می تواند برای مشخص کردن دوره ای که پس از آن صفحه ی وب شما به طور خودکار بازسازی می شود، استفاده شود.
مثال:
اگر می خواهید صفحه ی وب شما پس از هر 5 ثانیه ریفرش شود، از ترکیب زیر استفاده کنید:
|
1
2
3
4
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / > < meta name="description" content="Learning about Meta Tags." / > < meta name="revised" content="Tutorialspoint, 3/7/2014" / > < meta http-equiv="refresh" content="5" / > |
Redirect کردن صفحه
می توانید از برچسب برای Redirect کردن صفحه ی خود استفاده کنید، همچنین می توانید دوره ای را مشخص کنید که پس از آن صفحه به طور خودکار Redirect شود.
مثال:
در این مثال صفحه ی جاری پس از 5 ثانیه به صفحه ی دیگر Redirect می شود. اگر می خواهید صفحه فورا Redirect شود، هیچ محتوایی برای آن مشخص نکنید.
|
1
2
3
4
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / >< meta name="description" content="Learning about Meta Tags." / >< meta name="revised" content="Tutorialspoint, 3/7/2014" / >< meta http-equiv="refresh" content="5" url=http://www.tutorialspoint.com" / > |
تنظیم cookies
Cookies داده هایی هستند که در یک فایل کوچک متن روی کامپیوتر شما ذخیره شده اند و بین مرورگر وب و سرور وب ردو بدل می شود تا مسیر اطلاعات مختلف را براساس نیاز برنامه ی وب شما حفظ کنند.
شما می توانید از برچسب برای ذخیره ی cookies در بخش کاربری استفاده کنید و پس از آن این اطلاعات می توانند توسط سرور وب استفاده شوند تا بازدیدکننده ی سایت را پیگیری کنند.
مثال:
|
1
2
3
4
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / > < meta name="description" content="Learning about Meta Tags." / > < meta name="revised" content="Tutorialspoint, 3/7/2014" / > < meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15 23:59:59 GMT;" / > |
اگر تاریخ و زمان انقضا را مشخص نکرده اید، cookie یک session cookie می باشد و وقتی که یوزر از مرورگر خارج شود، پاک خواهد شد.
تنظیم نام نگارنده
می توانید با استفاده از meta tag نام یک نگارنده را برای صفحه ی وب خود تنظیم کنید. یک مثال در این رابطه را در زیر مشاهده می کنید.
مثال:
|
1
2
3
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / >< meta name="description" content="Learning about Meta Tags." / >< meta ame="author" content="Mahnaz Mohtashim" / > |
تعیین تنظیم کاراکتر
می توانید از برچسب برای تعیین تنظیم کاراکتر مربوط به صفحه ی وب استفاده کنید.
مثال:
به طور پیش فرض مرورگرها و سرورهای وب از رمزگزاری ISO-8859-1 برای پردازش صفحات وب استفاده می کنند. در زیر مثالی را می بینید برای تنظیم رمزگزاری UTF-8:
|
1
2
3
4
|
< meta name="keywords" content="HTML, Meta Tags, Metadata" / >< meta name="description" content="Learning about Meta Tags." / >< meta name="revised" content="Tutorialspoint, 3/7/2014" / >< meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15 23:59:59 GMT;" / > |
برای ارائه ی کاراکترهای چینی سنتی به یک صفحه ی استاتیک، صفحه ی وب باید دارای یک برچسب باشد تا رمزگذاری Big5 را تنظیم کند.
