جستجو برای:
سبد خرید 0
  • خانه
  • دوره هاداغ
    • آموزش صفر تا صد html css
    • هوش برنامه نویسی نوین
    • آموزش تدوین ویدیو
    • همه ی محصولات
  • دوره ی حضوری
    • آموزش وردپرس
    • آموزش html css
    • آموزش php
    • آموزش جاوا اسکریپت
  • ویدیو های آموزشی
  • تماس با ما
    • تبریز - نصف راه روبروی شهرداری جنب نمایندگی ایران خودرو ساختمان مهدیه طبقه ی 6 واحد B (ملاقات حضوری فقط با هماهنگی قبلی)

      09338776735

      info@wppush.ir

      اینستاگرام
      کانال آپارات
  • آموزش رایگان

برای یاد گیری طراحی سایت از اینجا شروع کن

روز
ساعت
دقیقه
ثانیه
جشنواره فروش ویژه دوره ی html css به پایان رسید
مشاهده ی دوره

ورود

گذرواژه خود را فراموش کرده اید؟

ارسال مجدد رمز عبور یکبار مصرف (00:30)

ثبت نام

یک رمز به نشانی ایمیل شما فرستاده خواهد شد.

داده های شخصی شما برای پشتیبانی از تجربه شما در این وب سایت، برای مدیریت دسترسی به حساب کاربری شما و برای اهداف دیگری که در سیاست حفظ حریم خصوصی ما شرح داده می شود مورد استفاده قرار می گیرد.

ارسال مجدد رمز عبور یکبار مصرف (00:30)
  • 09338776735
  • info@wppush.ir
0
آموزش طراحی سایت در تبریز | آموزش وردپرس در تبریز | 09141107278 | آموزش وردپرس pdf
  • خانه
  • دوره هاداغ
    • آموزش صفر تا صد html css
    • هوش برنامه نویسی نوین
    • آموزش تدوین ویدیو
    • همه ی محصولات
  • دوره ی حضوری
    • آموزش وردپرس
    • آموزش html css
    • آموزش php
    • آموزش جاوا اسکریپت
  • ویدیو های آموزشی
  • تماس با ما
    • تبریز - نصف راه روبروی شهرداری جنب نمایندگی ایران خودرو ساختمان مهدیه طبقه ی 6 واحد B (ملاقات حضوری فقط با هماهنگی قبلی)

      09338776735

      info@wppush.ir

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

وبلاگ

آموزش طراحی سایت در تبریز | آموزش وردپرس در تبریز | 09141107278 | آموزش وردپرس pdfوبلاگآموزش html cssآموزش تگ head در HTML

آموزش تگ head در HTML

10 شهریور 1401
ارسال شده توسط علی نریمانی
آموزش html css
آموزش تگ head در HTML+وردپرس پوش

آموزش تگ head در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ head در HTML به صورت کامل آشنا بشید.

تگ Head در HTML

تگ head یا هِد ، یکی از مهمترین و اساسی ترین بخش یک وبسایت است، یقینا میتونیم بگیم که Head یک صفحه ی وب مغز و درون مایه ی آن صفحه است ،در اصل درون این تگ یکسری اطلاعات مربوط به مرورگرها زخیره میشود.

بعنوان مثال نام صفحه ما برای نمایش در مرورگرها در این قسمت قرار میگیرد،و حتی برای اضافه کردن دستورات CSS یا دستورات JS و.. همگی در قسمت Head یک صفحه قرار میگیرد.

تگ <head> در یک صفحه ی وبسایت بعد از تگ <html> و قبل از تگ <body> ایجاد میشود، لطفا به دستورات زیر و محل قرار گیری تگ <head> در یک صفحه ی وب توجه کنید.

در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.

<!DOCTYPE html>
<html>
<head>
  این قسمت می شود هد یک صفحه وب
</head>
<body>
 <p>wppush.ir/</p>
</body>
</html>

به این مورد دقت کنید اگر میخواید یک محتوا ، متن ، تصویر و… در مرورگرها به نمایش در بیاد باید آن را در قسمت body قرار دهید نه قسمت هِد یا Head.

متاداده ها در HTML

به زبان انگلیسی metadata همچنین در قسمت Head یک صفحه ی وبسایت قرار میگیرند. در اصل اطلاعاتی را در مورد یک صفحه وب به مرورگرها و موتورهای جستجوگر ارائه می دهند.

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

  • <meta charset=”UTF-8″>
<head>
  <meta charset="UTF-8">
</head>

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

  • <meta name=”author”>
<head>
  <meta name="author" content="Milad">
</head>

برای مشخص کردن نام نویسنده اون مطلب یا کلا اون صفحه ( برای نمایش در مرورگرها و بحث سئو )

  • <meta name=”keywords”>
<head>
  <meta name="keywords" content="HTML ,CSS ,JavaScript">
</head>

این متاداده برای مشخص کردن کلمات کلیدی مرتبط با اون مطلب، مقاله یا صفحه ( برای نمایش در مرورگرها و بحث سئو )

  • <meta name=”description”>
<head>
  <meta name="description" content="آموزش رایگان طراحی وب">
</head>

و برای مشخص کردن یه توضیح یا شرح کوتاه درباره اون مطلب، مقاله یا صفحه ( برای نمایش در مرورگرها و بحث سئو )

  • <meta name=”viewport”>
<head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

همین طور برای واکنش گرایی یک وبسایت در گوشی های موبایل ، تبلت ها و.. ( برای بحث واکنش گرایی صفحه خیلی مهمه )

  • <meta http-equiv=”refresh”>
<head>
  <meta http-equiv="refresh" content="5 , https://wppush.ir//">
</head>

تغییر مسیر صفحه بعد از ۵ ثانیه به صفحه دیگر

  • <meta http-equiv=”refresh”>
<head>
  <meta http-equiv="refresh" content="5">
</head>

صفحه هر ۵ ثانیه یکبار رفرش میشود.

  • <meta name=”robots”>
<head>
  <meta name="robots" content=" noindex , nofollow ">
  <meta name="robots" content=" index , follow ">
  <meta name="robots" content=" noindex , follow ">
  <meta name="robots" content=" index , nofollow ">
</head>

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

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.

تگ های پراستفاده در قسمت Head

همونطور که در بالا گفتیم، ما به هیچ وجه نباید یک محتوا مثلا متن یا تصویر یا جدول یا هرچیز دیگه ای رو برای نمایش در مرورگرها در قسمت Head یک صفحه ی وب قرار بدهیم.

زیرا این نکته رو در یاد داشته باشید که در قسمت هِد یا Head یک صفحه ی وب فقط مواردی قرار میگیرند که اطلاعات یا یکسری ویژگی هایی رو به صفحه ی وب ما اضافه کنند یا به اصطلاح ایندکس کنند.

تگ های پراستفاده و مهم در قسمت Head :

 

تگ های پراستفاده در قسمت Head+وردپرس پوش

 

نحوه استفاده از تگ <title> در HTML

تگ <title> یکی از تگ های مهم در HTML و بطور کلی یکی از تگ های اصلی در یک صفحه وبسایت است که هیچوقت نباید آنرا از یاد برد چون وجود این تگ در یک صفحه ی وبسایت برای بحث معتبر بودن و همچنین بحث سئو بسیار واجب است.

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

مثال : استفاده از تگ title در قسمت Head صفحه

<head>
 <title>سایت من</title>
</head>

نحوه استفاده از تگ <style> در HTML

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

با استفاده از این تگ ما در قسمت هد یا head یک صفحه به راحتی میتوانیم دستورات CSS خود را اضافه کنیم.

<head>
<style>
body{
 background-color:#f2f2f2;
 text-align:center;
}
h2{
 color:blue;
 background-color:#fff;
 padding:10px;
}
p{
 color:red;
 background-color:#fff;
 padding:10px;
} 
</style>
</head>

نحوه استفاده از تگ <link> در HTML

با استفاده از تگ <link> ما به آسانی میتوانیم فایل سی اس اس خارجی یا External خود را که بصورت مجزا ایجاد کرده ایم را به صفحه ی وبسایتمان متصل کنیم.

<head>
 <link rel="stylesheet" href="https://wppush.ir/">
</head>

نحوه استفاده از تگ <script> در HTML

و همینطور با استفاده از این تگ در قسمت هد یا Head یک صفحه وب، میتوان دستورات جاوا اسکریپت را قرار داد.

مثال شماره یک : استفاده از دستورات جاوااسکریپت بصورت داخلی ( یعنی درون صفحه ای )

<head>
 <script>
   function MyMessage(){
   document.getElementById("Result").innerHTML = "Salam Khobi?";
  }
 </script>
</head>

مثال شماره دو : استفاده از دستورات جاوااسکریپت بصورت خارجی ( یعنی میخوایم فایل شو وصل کنیم به صفحه مون )

<head>
 <script src="https://wppush.ir/"></script>
</head>

پشتیبانی مرورگرها

در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ head در HTML پشتیبانی میکنند یا خیر.

 

جدول پشتیبانی مرورگرها+وردپرس پوش

 

پشتیبانی از صفات و رویدادهای عمومی

تگ head تنها از صفات عمومی در HTML پشتیبانی می کند.

نکات و توضیحات

  • در HTML4.01 وجود تگ head در یک صفحه ی وب واجب است ولی در HTML5 استفاده از تگ head اختیاری ست. ( ولی خب شما به اختیاری بودن توجه نکن، همیشه حتما از تگ head استفاده کن )

دستورات CSS پیش فرض

اکثرا مرورگرها تگ head را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.

head {
  display: none;
}

آموزش تگ head در HTML بسیار مهم است. شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها: آموزش cssآموزش css3آموزش htmlآموزش html cssآموزش html css پروژه محورآموزش html و cssآموزش html و css رایگانآموزش html5آموزش تگ headآموزش تگ head در HTMLتگ headتگ head در HTML
قبلی آموزش تگ menuitem در HTML
بعدی آموزش تگ footer در HTML

دیدگاهتان را بنویسید لغو پاسخ

تمامی حقوق این وبسایت متعلق به وردپرس پوش می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://wppush.ir/?p=10533
ورود ×
کد تأیید
لطفا کد تأیید ارسال شده به را وارد کنید
ثبت
ورود با رمز عبور یکبار مصرف
ارسال مجدد رمز عبور یکبار مصرف(00:30)
حساب کاربری ندارید؟
ثبت نام

ارسال مجدد رمز عبور یکبار مصرف (00:30)
بازگشت به ورود
  • (+93) Afghanistan
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) Iran
  • (+964) Iraq
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) Pakistan
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) Turkey
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) United Arab Emirates
  • (+44) United Kingdom
  • (+1) United States
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe
مرورگر شما از HTML5 پشتیبانی نمی کند.

سوالی دارید؟ از ما بپرسید، کارشناسان ما همین حالا با شما تماس می گیرند.

تماس با ما

پاسخگوی شما هستیم

  • 09338776735
  • همه روزه از ساعت 9 صبح تا 12 شب
  • info@wppush.ir
question