کلید واژه مورد نظر را تایپ کنید
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
تلفن تماس: ۲۳۴۵۶ ۲۸۴ ۰۲۱
بهترین ایده
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
0
ورود / عضویت

وبلاگ

بهترین ایده / طراحی سایت / html head

html head

html head  چیست ؟

آموزش  html  درس بیست و سوم

عنصر <head>

HTML Head مکانی برای اطلاعات متا می باشد. و بین تگ <html>  و <body> قرار می گیرد. metadata   شامل اطلاعاتی در مورد سند  html  است و نمایش داده نمی شود.

Metadata  معمولا عنوان سند، مجموعه کاراکترها،ظاهر  یا استایل، لینک ها، اسکریپت ها و دیگر اطلاعات متا  را تعریف می کند.

تگ های زیر متا دیتا ها را تعریف می کند:

<title>، <style>، <meta>، <link>، <script>، و <base>.

عنصر<title>   در  html

عنصر <title> عنوان سند را تعریف می کند و در تمام اسناد HTML / XHTML مورد نیاز است.

عنصر <title>

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

یک سند HTML ساده:

[php]
<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
</head>

<body>
The content of the document……
</body>

</html>
[/php]

عنصر<style> در  HTML Head

عنصر <style> برای تعریف اطلاعات ظاهر یا استایل  برای یک صفحه HTML استفاده می شود:

مثال:

[php]
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
[/php]

عنصر <link> در  HTML Head

عنصر <link> برای لینک دادن  به style sheets خارجی مورد استفاده قرار می گیرد:
مثال:

[php]
<link rel="stylesheet" href="mystyle.css">
[/php]

عنصر <meta> در  HTML Head

عنصر <meta> برای مشخص کردن مجموعه کاراکتری استفاده می شود، توضیحات صفحه، کلمات کلیدی، نویسنده و سایرمتا دیتاها استفاده می شود.

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

 

تعریف مجموعه کاراکتر مورد استفاده :

[php]

<meta charset="UTF-8">

[/php]

تعریف توضیحات برای یک صفحه وب :

[php]

<meta name="description" content="Free Web tutorials">

[/php]

تعریف کلمات کلیدی برای موتورهای جستجو:

[php]

<meta name="keywords" content="HTML, CSS, XML, JavaScript">

[/php]

تعریف نویسنده برای یک صفحه:

[php]

<meta name="author" content="John Doe">

[/php]

رفرش کردن سند هر 30 ثانیه:

[php]

<meta http-equiv="refresh" content="30">

[/php]

مثال برای تگ های متا:

*9

 تنظیم Viewport

 

HTML5 یک روش برای طراحان وب معرفی کرد که به آنها اجازه می دهد   از طریق تگ  <meta> بتوانند Viewport را کنترل کنند.

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

شما باید عنصر Viewport را در تمام صفحات وب خود در تگ متا وارد کنید:

 

*10

عنصر  Viewport در تگ متا دستورالعمل های مرورگر را در مورد نحوه کنترل ابعاد صفحه و مقیاس بندی ارائه می دهد.

بخش width = device-width عرض صفحه را تعیین می کند تا  عرض صفحه نمایش دستگاه (که بسته به دستگاه متفاوت باشد) را دنبال کند.

بخش initial-scale=1.0  مقدار اولیه زوم را زمانی که صفحه برای بار اول  توسط مرورگر بارگذاری می شود را تنظیم می کند.

 

عنصر <script> در  html

 

عنصر <script> برای تعریف جاوا اسکریپت های سمت کاربر استفاده می شود.

این جاوا اسکریپت می نویسد “سلام جاوا اسکریپت! به یک عنصر HTML با id = “demo”:

مثال:

*11

عنصر <base> در  html

عنصر <base>  پایه نشانی اینترنتی  و پایه مقصد  را برای تمام URL های مرتبط در یک صفحه مشخص می کند:
مثال:
*12

حذف <html>، <head> و <body>؟

 

بر طبق  HTML5 استاندارد ؛  برچسب های <html>،  <body> و <head> را می توان حذف کرد.

کد زیر به عنوان HTML5 معتبر خواهد شد:

مثال:
*13

نکته : هر چند ما توصیه نمی کنیم که تگ  <html>  و <body>  را حذف کنید. حذف این برچسب ها می تواند نرم افزار DOM یا XML را نابود کند و در مرورگرهای قدیمی (IE9) خطاهایی تولید کند.

با این حال، حذف برچسب <head> در مدت زمان زیادی  در حال حاضر معمول است.

۱
۲
۳
۴
۵
میانگین امتیازات ۵ از ۵
از مجموع ۱ رای
اشتراک گذاری:
برچسب ها: HTML
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!
مطالب زیر را حتما بخوانید
  • طراحی واکنش گرا
    چرا طراحی سایت واکنش گرا مهم است؟

    129 بازدید

  • طراحی سایت
    طراحی سایت و رازهای فروش بیشتر

    288 بازدید

  • پوسته فرزند
    پوسته فرزند چیست و چگونه پوسته فرزند ایجاد کنیم؟

    127 بازدید

  • شروع کار css
    شروع کار css

    132 بازدید

  • سینتکس و انتخابگرهای css
    سینتکس و انتخابگرهای css

    111 بازدید

  • معرفی css
    معرفی css

    117 بازدید

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

کلید واژه مورد نظر را تایپ کنید
نوشته‌های تازه
  • تولید محتوا به زبان ساده
  • مهارت‌های پولساز کسب‌وکار
  • الگوریتم اینستاگرام چگونه کار می کند؟
  • ۱۰ گام پولسازی | راهنمای کامل پولسازی در دنیای امروز
  • ۷۰ ایده‌ پولساز و روش ارزیابی + ۱۱۰۰ ایده ارسالی کاربران
افزایش فالوور اینستاگرام
آکادمی
  • کسب و کار اینترنتی
  • بازاریابی اینترنتی
  • ایده های پولساز
  • ایمیل مارکتینگ
  • مهارت های پولساز
  • افزایش فالوور اینستاگرام
  • کسب درآمد از اینستاگرام
  • افزایش ترافیک سایت
پربازدید
  • دوره رایگان
  • درباره ما
  • همکاری در فروش
  • تماس با ما
کلید واژه مورد نظر را تایپ کنید
بهترین ایده
با آموزش کسب و کار اینترنتی از ایده‌های پولساز تا یادگیری مهارت‌های پولساز در کنار شما هستیم. کمک می‌کنیم یک کسب و کار خانگی در منزل راه‌اندازی کنید. ما به شما آموزش می‌دهیم با کار در منزل و فقط با موبایل و بدون سرمایه پولسازی از اینترنت را شروع کنید.
بهترین ایده : کسب و کار اینترنتی برای همه | © Copyright 2021 behtarinideh
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده را تایپ کنید
ثبت
فراموشی رمز
ورود با کد تایید پیامکی
ارسال مجدد کد تایید پیامکی(00:60)
عضو سایت نیستید؟
عضویت
ارسال مجدد کد تایید پیامکی(00:60)
برگشت به ورود
ارسال مجدد کد تایید پیامکی (00:60)
برگشت به ورود
  • (+93) افغانستان
  • (+355) آلبانى
  • (+213) الجزيره
  • (+1) آمریکن ساموا
  • (+376) آندورا
  • (+244) آنگولا
  • (+1) آنگویلا
  • (+1) Antigua
  • (+54) آرژانتين
  • (+374) ارمنستان
  • (+297) آروبا
  • (+61) استرالیا
  • (+43) اتریش
  • (+994) آذربایجان
  • (+973) بحرين
  • (+880) بنگلادش
  • (+1) باربادوس
  • (+375) بلاروس
  • (+32) بلژيك
  • (+501) بلیز
  • (+229) بنین
  • (+1) برمودا
  • (+975) بوتان
  • (+591) بوليوي
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) بوسني و هرزگوين
  • (+267) بوتسوانا
  • (+55) برزيل
  • (+246) محدوده اقیانوس هند تحت سیطره بریتانیا
  • (+1) British Virgin Islands
  • (+673) برونئی
  • (+359) بلغارستان
  • (+226) بورکینافاسو
  • (+257) بوروندی
  • (+855) کامبوج
  • (+237) كامرون
  • (+1) كانادا
  • (+238) کیپ ورد
  • (+1) جزابر کیمن
  • (+236) جمهوری آفریقای مرکزی
  • (+235) چاد
  • (+56) شيلي
  • (+86) چين
  • (+57) كلمبيا
  • (+269) کومور
  • (+682) جزایر کوک
  • (+225) Côte d'Ivoire
  • (+506) كاستا ريكا
  • (+385) كرواسي
  • (+53) كوبا
  • (+599) Curaçao
  • (+357) قبرس
  • (+420) جمهوري چك
  • (+243) Democratic Republic of the Congo
  • (+45) دانمارك
  • (+253) جیبوتی
  • (+1) دومنيكا
  • (+1) جمهوري دومنيكا
  • (+593) اكوادر
  • (+20) مصر
  • (+503) الساوادر
  • (+240) گینه استوایی
  • (+291) اریتره
  • (+372) استوني
  • (+251) اتيوپي
  • (+500) جزایر فالکلند
  • (+298) جزایر فارو
  • (+691) Federated States of Micronesia
  • (+679) فیجی
  • (+358) فنلاند
  • (+33) فرانسه
  • (+594) گویان فرانسه
  • (+689) پلی نزی فرانسه
  • (+241) گابون
  • (+995) Georgia
  • (+49) آلمان
  • (+233) غنا
  • (+350) جبل الطارق
  • (+30) يونان
  • (+299) گرینلند
  • (+1) گرانادا
  • (+590) گوادولوپ
  • (+1) گوام
  • (+502) گواتمالا
  • (+44) گرنزی
  • (+224) گينه
  • (+245) گينه بي سائو
  • (+592) گویان
  • (+509) هائيتي
  • (+504) هندوراس
  • (+852) هنگ كنگ
  • (+36) مجارستان
  • (+354) ایسلند
  • (+91) هند
  • (+62) اندونزي
  • (+98) ایران
  • (+964) عراق
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) رژيم صهيونيستي
  • (+39) ايتاليا
  • (+1) جامائيكا
  • (+81) ژاپن
  • (+44) جرسي
  • (+962) اردن
  • (+7) قزاقستان
  • (+254) كنيا
  • (+686) كيريبيتي
  • (+965) كويت
  • (+996) قرقیزستان
  • (+856) لائوس
  • (+371) لتونی
  • (+961) لبنان
  • (+266) لسوتو
  • (+231) لیبریا
  • (+218) ليبي
  • (+423) لیختن اشتاین
  • (+370) ليتواني
  • (+352) لوكسامبورگ
  • (+853) Macau
  • (+389) Macedonia
  • (+261) ماداگاسكار
  • (+265) مالاوی
  • (+60) مالزي
  • (+960) مالديو
  • (+223) مالي
  • (+356) مالتا
  • (+692) جزایر مارشال
  • (+596) مارتینیک
  • (+222) موریتانی
  • (+230) موریس
  • (+262) مایوت
  • (+52) مكزيك
  • (+373) مالديو
  • (+377) موناکو
  • (+976) مغولستان
  • (+382) مونته نگرو
  • (+1) مونتسرات
  • (+212) مراكش
  • (+258) موزامبيك
  • (+95) ميانمار
  • (+264) نامیبیا
  • (+674) نائورو
  • (+977) نپال
  • (+31) هلند
  • (+687) کالدونیای جدید
  • (+64) نيوزلند
  • (+505) نیکاراگوئه
  • (+227) نیجر
  • (+234) نيجريه
  • (+683) نیوئه
  • (+672) جزیره نورفولک
  • (+850) كره ي شمالي
  • (+1) جزایر ماریانای شمالی
  • (+47) نروژ
  • (+968) عمان
  • (+92) پاكستان
  • (+680) Palau
  • (+970) فلسطین
  • (+507) پاناما
  • (+675) پاپوا گينه ي نو
  • (+595) پاراگوئه
  • (+51) پرو
  • (+63) فيليپين
  • (+48) لهستان
  • (+351) پرتغال
  • (+1) پورتوریکو
  • (+974) قطر
  • (+242) کنگو
  • (+40) روماني
  • (+262) Runion
  • (+7) روسيه
  • (+250) رواندا
  • (+290) سنت هلن
  • (+1) سنت کیتس و نویس
  • (+508) سنت پیر و میکلون
  • (+1) سنت وینسنت و گرنادین
  • (+685) ساموا
  • (+378) سن مارینو
  • (+239) Sao Tome and Principe
  • (+966) عربستان سعودی
  • (+221) سنگال
  • (+381) صربستان
  • (+248) سیشل
  • (+232) سیرالئون
  • (+65) سنگاپور
  • (+1) Sint Maarten
  • (+421) اسلواکی
  • (+386) اسلونی
  • (+677) جزاير سليمان
  • (+252) سومالی
  • (+27) آفريقای جنوبي
  • (+82) كره ی جنوبي
  • (+211) سودان جنوبی
  • (+34) اسپانيا
  • (+94) سريلانكا
  • (+1) St. Lucia
  • (+249) سودان
  • (+597) سورینام
  • (+268) سوازیلند
  • (+46) سوئد
  • (+41) سوييس
  • (+963) سوريه
  • (+886) تايوان
  • (+992) تاجيكستان
  • (+255) تانزانيا
  • (+66) تايلند
  • (+1) The Bahamas
  • (+220) گامبیا
  • (+670) تیمور
  • (+228) توگو
  • (+690) توکلائو
  • (+676) تونگا
  • (+1) ترینیداد و توباگو
  • (+216) تونس
  • (+90) تركيه
  • (+993) تركمنستان
  • (+1) جزایر تورکس و کایکوس
  • (+688) تووالو
  • (+1) U.S. Virgin Islands
  • (+256) اوگاندا
  • (+380) اوكراين
  • (+971) امارات متحده ي عربي
  • (+44) انگلیس
  • (+1) امریکا
  • (+598) اوروگوئه
  • (+998) ازبكستان
  • (+678) وانواتو
  • (+58) ونزوئلا
  • (+84) ويتنام
  • (+681) والیس و فوتونا
  • (+212) صحرای غربی
  • (+967) يمن
  • (+260) زامبیا
  • (+263) زیمباوه

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت