اسفند, ۱۳۹۷ بدون نظر HTML

تگ head

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

تگ <head> می تواند تگهای زیر  را در بر بگیرد.

 <Title>, <link>, <base> ,<meta> ,<script> , <style>

که در این بخش به توضیح این تگها می پردازیم.

<title>

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

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

  •  نمایش یک عنوان در نوار ابزار مرورگر
  •  یک عنوان برای صفحه زمانی که آن را به علاقه مندی ها اضافه میکنید
  •  نمایش عنوان صفحه در نتایج موتور جستجو
< title >This is a title page< /title >

 

<meta>

متاتگ ها (Meta Tag) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند. استفاده ی درست از این متاتگ ها تاثیر بسیار زیادی بر ایندکسینگ و شناخت بهتر موتور های جستجو مثل گوگل و یاهو و … از سایت ما دارد.

< meta http-equiv=”مقدار” name=”مقدار” content=”مقدار” />

 

لیستی از پرکاربرد ترین متاتگ ها (Meta Tag):

متاتگ فارسی سازی صفحه (Utf-8)

برای تعیین نوع رمزنگاری صفحه یا encoding صفحه از این متاتگ استفاده میشود. در صورت استفاده ننمودن از این متاتگ و encoding utf-8 ، در بعضی از مرورگرها و یا سیستم های کاربرانی که encoding فارسی ندارند ، متن های فارسی به صورت علامت سوال (؟) نشان داده می شوند. بنابراین این متاتگ از جمله ی مهمترین متاتگ ها می باشد . طریقه ی استفاده از آن برای فارسی سازی صفحه Html از کد زیر استفاده نمایید :

< meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />

 

متاتگ کلمات کلیدی (Keyword)

مهمترین متاتگ برای موتورهای جستجوگر این متاتگ می باشد. استفاده ی درست از آن در رتبه ی موتورجستجوگر گوگل و یاهو و … بسیار تاثیر گزار است. نکات مهم در استفاده از کلمات کلیدی :

  1. محتوای Content این متاتگ نباید در حالت حروف فارسی از ۲۰۰ کاراکتر و در حالت حروف انگلیسی از ۴۰۰ تجاوز کند .
  2. توصیه می شود که حداکثر از ۱۰ کلمه ی کلیدی مرتبط با متن که فکر میکنید کاربران بیشتر آنها را در موتورهای جستجوگر سرچ میکنند ، استفاده نمایید .
  3.  کلمات کلیدی را با ویرگول انگلیسی (,) بدون هیچ فاصله ای (Space) از هم جدا نمایید.
< meta name=”keyword” content=”کلمه۱,کلمه۲,کلمه۳,…” / >

 

متاتگ توضیحات (Description)

در صورتی که کاربران با استفاده از سرچ در موتورهای جستجوگر به لینک سایت شما در آنها بر بخورند ، توضیحی که در زیر لینک سایت شما به آنها نمایش داده می شود متنی است که شما در متاتگ توضیحات (Description) صفحه وارد نموده اید. با این توضیح باید متنی که در این بخش انتخاب میکنید توضیحی باشد در مورد صفحه. نکته ی مهم این است که در جملاتی که استفاده میکنید از کلمات موجود در کلمه های کلیدی (Keyword) صفحه ی خود استفاده نمایید. بهتر است تعداد کاراکتر در این بخش حداقل ۱۵۰ و حداکثر ۲۰۰ کاراکتر در حالت فارسی انتخاب شود.

< meta name=”description” content=”این متن توضیحی در مورد صفحه ی جاری می باشد” />

 

< style >

یکی از مهمترین خصوصیات تگ ها ، خصوصیت Style (استایل) می باشد. با استفاده از خصوصیت Style میتوان شکل ظاهری یک تگ را تعیین کرد.

style ها به ۳ دسته تقسیم میشوند:
inline stylesheet یا استایل های خطی
external stylesheet یا استایل های خارجی
internal stylesheet یا استایل های داخلی

از تگ < / link> برای وارد کردن resource ها و منابع خارجی به صفحات وب استفاده می شود.مانند وارد کردن style sheet ها به صفحات وب.

< base >

با استفاده از این تگ می توانید آدرس پیشفرض لینک های خود و یا خاصیت “target” انها را مشخص کنید .مثلا شما میخواهید یک قالب وبلاگ طراحی کنید و در این قالب از عکس های زیادی استفاده خواهد شد…این تگ کار را ساده کرده و فقط کافیست ادرس پوشه ای که عکس ها در ان قرار دارند را در تگ < base > قرار دهید و در بخشهایی که نیاز دارید عکسی از این پوشه را فراخوانی کنید فقط نام عکس را فراخوانی میکنید .

< base href=”http://hot-download.persiangig.com/Gif/” target=”_blank” />

< img alt=”” src=”email2.gif” />
< img alt=”” src=”GalleryIcon.gif” />

 

< Script >

از این تگ برای تعریف نمودن client-side script ( مانند JavaScript ) در صفحات وب استفاده می شود.استفاده از این تگ در خارج از تگ meta نیز صورت می گیرد.

< script type=”text/javascript” src=”js/myJavaScript.js” > </script>

< noscript >

این کد زمانی عمل میکند که مرورگر شما قادر به نمایش این تگ نباشد.

< noscript> متاسفم مرورگر شما قادر به نمایش تگ اسکریپت نیست< /noscript>
برچسب ها

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *