جستجو برای:
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
تلفن تماس: ۲۳۴۵۶ ۲۸۴ ۰۲۱
بهترین ایده
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
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
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!

iman.ghasedian

بهت کمک می‌کنم توجهت رو بذاری روی خودت و عمیق‌تر زندگی‌‌‌وحالت رو تغییر بدی

این بازی یک‌ بازی معمولی نی این بازی یک‌ بازی معمولی نیست بلکه فلسفه زندگی توه 🎲❤️

صفحه بازی، صفحه زندگی توه
‌و تو بازیگری 🎲❤️
همه اون فرصت‌هایی که تو زندگی سر راهت قرار می‌گیره، نردبان‌های بازی هستن و تمام مسائل، مشکلات، شکست‌ها، درد ‌‌و رنج‌ها، نیش مارهای این بازی 🎲❤️

تو این بازی من ۷ درس مهم یاد گرفتم که به توهم گفتم 🎲❤️

حتما ازت میخوام دوتا استیکر 🎲❤️ پایین پست برام بذاری 🎲❤️

منتظرم رفیق 🎲❤️

#بازی #زندگی #فلسفه #ماروپله #شانس #خوشحالی #ناراحتی #روانشناسی #فرزند #صبر #ایمان_قاصدیان #ایران
توضیحات سفر رو حتما بخون 😍 توضیحات سفر رو حتما بخون 😍
۲۸ اردیبهشت ۱۴۰۱

به همراه یک گروه‌باحال زدیم به دل طبیعت

🚌 صبح ساعت ۵ صبح از تهران راه افتادیم 
به سمت جاده چالوس

یک توقف تونل کندوان داشتیم و صبحانه خوردیم  و به سمت مقصد از یکی از خروجی‌های جاده چالوس خارج شدیم و‌ جاده کاملا شیبدار بود و در عرض ۲۰ دقیقه چیزی حدود ۱۵۰۰ متر ارتفاع از سطح دریا گرفتیم

طبیعت فوق العاده بی‌نظیری بود…

😍 به مقصد رسیدیم و در یک خانه روستایی بسیار باصفا وسایل رو گذاشتیم و با نون محلی و پنیر تازه و چایی شیرین از ما استقبال شد…

بعد از اینکه توی روستا دوری زدیم ‌‌کنار رودخونه پایی به آب زدیم برگشتیم و نهار خوردیم و بعد از یک استراحت کوتاه سوار تراکتور شدیم و تا دامنه کوه رفتیم و از اونجا که از تراکتور پیاده شدیم ۱۲ کیلومتر در مسیری که توی ویدیو می‌بینید هایکینگ داشتیم تا رسیدیم به یک چشمه و بعد ۱۵ دقیقه‌ از چشمه که بالاتر رفتیم رسیدیم به یک یخچال طبیعی…

واقعا طبیعت بکر و بی‌نظیری بود 😍
خدارو هزار مرتبه شکر کردم بخاطر این همه زیبایی…و این همه نعمت و از همه مهم‌تر سلامتی 

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

@safaryab.us 

بعد از این پیاده روی نسبتا سنگین، تا خود روستا پیاده برگشتیم و واقعا خسته شدیم اما سرشار از انرژی 

بعد یه آتیش باحال درست کردیم و با چند تا از دوستان نشستیم دورش 

یک‌شام‌سبک خوردیم و خوابیدیم 😴

🌞 صبح طبق عادت ساعت ۵:۳۰ صبح بیدار شدم

ادامه در کامنت…

______________________
خیلی خوشحال میشم احساست رو از دیدن این ویدیو برام بنویس ❤️ یا با یه استیکر 😎✌️👏😍🤩✋ منتظرم …
______________________

🎬: @iman.ghasedian 

🎵: @amiralibahadori 
______________________

#نگرانی #آینده #خوشبختی #سفر #طبیعت #طبیعت_ایران #حال_خوب #انرژی_مثبت #فیلم #موزیک #طبیعت_بکر #ایمان_قاصدیان #سفریاب
چرا انقدر شروع بی‌پایان داریم تو زندگی‌مون؟
چرا هی شروع کردیم و وسط راه ولش کردیم؟

تو این پادکست توضیح دادم…

توی کامنت از تجربه شروع بی پایان خودت برام بنویس

#شروع #تصمیم #تصمیم_گیری #احساسی #احساس #اطلاعات #فقر #ثروت #ایران #گرانی #تورم #ایمان_قاصدیان #تحول #تحول_بزرگ
❤️بخش دوم لایو شماره ۱ سفر ❤️بخش دوم لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که بخش اولش رو دیشب گذاشتم 

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
❤️بخش اول لایو شماره ۱ سفر ❤️بخش اول لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که فردا بخش دو گذاشته میشه در پیج

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
دوره رایگان تحول بزرگ در اینستاگرام
مطالب زیر را حتما بخوانید
  • طراحی واکنش گرا
    چرا طراحی سایت واکنش گرا مهم است؟

    1.31k بازدید

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

    2.18k بازدید

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

    1.24k بازدید

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

    1.47k بازدید

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

    1.24k بازدید

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

    1.32k بازدید

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

آکادمی
  • کسب و کار اینترنتی
  • بازاریابی اینترنتی
  • ایده های پولساز
  • ایمیل مارکتینگ
  • مهارت های پولساز
  • افزایش فالوور اینستاگرام
  • کسب درآمد از اینستاگرام
  • افزایش ترافیک سایت
پربازدید
  • دوره رایگان
  • درباره ما
  • همکاری در فروش
  • تماس با ما
جستجو برای:
بهترین ایده
با آموزش کسب و کار اینترنتی از ایده‌های پولساز تا یادگیری مهارت‌های پولساز در کنار شما هستیم. کمک می‌کنیم یک کسب و کار خانگی در منزل راه‌اندازی کنید. ما به شما آموزش می‌دهیم با کار در منزل و فقط با موبایل و بدون سرمایه پولسازی از اینترنت را شروع کنید.
بهترین ایده : کسب و کار اینترنتی برای همه | © Copyright 2021 behtarinideh

ورود

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

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