جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML Favicon

HTML Favicon

6 خرداد 1404
ارسال شده توسط سمیرا خانی
مقالات
10 بازدید

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

مثال ساده برای اضافه کردن فاوآیکون:

<head>
<title>وبسایت من</title>
<link rel=“icon” href=“favicon.ico” type=“image/x-icon” />
</head>

نکات مهم:

  • مقدار href مسیر فایل فاوآیکون را مشخص می‌کند. معمولاً فرمت .ico است ولی مرورگرهای جدید از .png، .svg و .gif هم پشتیبانی می‌کنند.

  • rel="icon" مشخص می‌کند که این لینک مربوط به آیکون است.

  • type نوع فایل آیکون را مشخص می‌کند و اختیاری اما توصیه شده است.


مثال با فاوآیکون PNG:

<head>

     <title>وبسایت من</title>
<link rel=“icon” href=“favicon.png” type=“image/png” />

</head>


نمونه استفاده برای اندازه‌های مختلف آیکون:

<head>
<link rel=“icon” type=“image/png” sizes=“32×32” href=“/favicon-32×32.png”>
<link rel=“icon” type=“image/png” sizes=“16×16” href=“/favicon-16×16.png”>
<link rel=“shortcut icon” href=“/favicon.ico” type=“image/x-icon” />
</head>

 

برچسب ها: HTML Favicon،نکات مهم:،مثال با فاوآیکون PNG:،نمونه استفاده برای اندازه‌های مختلف آیکون:
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

HTML Computer Code Elements
HTML Responsive Web Design
HTML Layout Elements and Techniques
HTML – The Head Element
HTML File Paths
HTML JavaScript

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

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • HTML Computer Code Elements
  • HTML Responsive Web Design
  • HTML Layout Elements and Techniques
  • HTML – The Head Element
  • HTML File Paths
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

  • کردستان - سقز - خیابان جمهوری - شرکت نو آوران زرین هور افزار
  • 08736212195
  • info@zarrinlearn.com
فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

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

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