شما می توانید با عضویت در انجمن پرسش و پاسخ درسمن هرگونه سوالی دارید را مطرح کنید


تگهای متا


تگهای متا
برای دانلود و دیدن آنلاین این درس نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

تگهای متا

همان‌طور که می‌دانید تا امروز همه‌ی تگ‌های خودرا به‌جز تگ <title></title> درون تگ <body></body> نوشته‌ایم. اما امروز چند تگ به شما معرفی خواهیم کرد که درون تگ <head></head> نوشته می‌شوند و در اجرای برنامه دیده نمی‌شوند اما تأثیر بسیار زیادی بر سایت ما دارند. اولین نکته این است که به تگ <html></html> صفت “”=lang که مخفف کلمه language است را می‌دهیم و مقدار آنرا با fa-IN پر می‌کنیم که fa زبان و IN کشور مارا برای موتورهای جستجوگر گوگل مشخص می‌کند.

 

<DOCTYPE html!>
< Html   lang=”fa-IN“>
< head>
<title>آموزش وب</title>
</ head>
< body   dir=”rtl“>
</ body>
</ Html>
 
حال باید درون تگ <head></head> تگ‌هایی به نام <meta/> بنویسیم که دیده نمی‌شوند اما تأثیر زیادی بر سایت ما می‌گذارند و توصیه می‌شود که آنهارا قبل از تگ <title></title> نوشت.
اولین تگ <meta/> را می‌نویسیم و صفت “”=charset آنرا با مقدار UTF-8 پر می‌کنیم. این کار باعث می‌شود که ما به موتور جستجوگر بفهمانیم که 2بایت، 2بایت سایت مارا بخواند زیرا سایت ما به زبان فارسی نوشته‌شده است.

 

<DOCTYPE html!>
< Html   lang=”fa-IN” >
< head>
< meta   charset=”UTF-8“>
<title>آموزش وب</title>
</ head>
< body   dir=”rtl“>
</ body>
</ Html>

 

به دومین تگ <meta/> صفت “”=name می‌دهیم و مقدار آنرا با description پر می‌کنیم و همچنین صفت “”=content آنرا با توضیحاتی به زبان فارسی در مورد سایتمان پر می‌کنیم که توصیه می‌شود بیشتر از 160 کاراکتر نباشد.

 

 

<DOCTYPE html!>
< html   lang=”fa-IN“>
< head>
<meta name=”description”   content=”این یک سایت آموزشی است که مربوط به درسمن است و محصولات آموزشی را عرضه می کند”  />
<title>آموزش وب</title>
</ head>
< body   dir=”rtl“>
</ body>
</ Html>

 

به سومین تگ <meta/> صفت “”=name می‌دهیم و مقدار آنرا با keyword پر می‌کنیم و همچنین صفت “”=content آنرا با کلماتی که می‌خواهیم سایت ما با آن‌ها پیدا شور پر می‌کنیم. توصیه می‌شود تعداد آنها از 12 یا 15 تا بیشتر نشور و هریک را با کاما( ، ) از هم جدا می‌کنیم.

 

<DOCTYPE html!>
< “Html   lang=”fa-IN>
< head>
<meta name=”description”   content=”این یک سایت آموزشی است که موبوط به درسمن است و محصولات آموزشی را عرضه می کند”  />
<meta name=”description”   content=”آموزش،آموزش آنلاین،درسمن”  />
<title>آموزش وب</title>
</ head>
< body   dir=”rtl“>
</ body>
</ Html>

 

به چهارمین تگ <meta/> صفت “”=name می‌دهیم و مقدار آنرا با author پر می‌کنیم و همچنین صفت “”=content آنرا بانام نویسنده سایت پر می‌کنیم.

 

<DOCTYPE html!>
< Html   lang=”fa-IN“>
< head>
<meta name=”description”   content=”این یک سایت آموزشی است که موبوط به درسمن است و محصولات آموزشی را عرضه می کند”  />
<meta name=”description”   content=”آموزش،آموزش آنلاین،درسمن”  />
< meta   name=”author”   content=“مهدی عباسی” >
<title>آموزش وب</title>
</ head>
<body   dir=”rtl “>
</ body>
</ Html>

 


برچسب ها :

تگهای متا در html

نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.
13 جلسه برای دوره آموزش جامع HTML

دوره آموزش جامع HTML


تعداد جلسات 13 جلسه
مدت زمان 408 دقیقه
سطح مهارت مقدماتی تا پیشرفته
زبان فارسی
دانشجو 100 دانشجو
گواهی نامه ندارد
قیمت دوره : 0 تومان
رایگان
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.