چگونه نماد وب‌سایت را در HTML اضافه کنیم
- صفحه‌ی قبلی اسلایدر مقایسه‌ی تصاویر
- صفحه‌ی بعدی دکمه‌های هشدار
آموزش نحوه اضافه کردن نماد وب‌سایت به HTML (Favicon).
چگونه نماد وب‌سایت را در HTML اضافه کنیم
نماد وب‌سایت (favicon) یک تصویر کوچک است که در کنار عنوان صفحه نمایش داده می‌شود.
شما می‌توانید هر تصویری که دوست دارید را به عنوان نماد وب‌سایت استفاده کنید. شما همچنین می‌توانید نماد وب‌سایت خود را در وب‌سایت‌هایی مانند https://favicon.cc ایجاد کنید.
توجه:نماد وب‌سایت یک تصویر کوچک است، بنابراین باید یک تصویر ساده و با کنتراست بالا باشد.
نماد وب‌سایت در سمت چپ عنوان صفحه نمایش داده می‌شود، مانند این:
برای اضافه کردن نماد وب‌سایت به وب‌سایت خود، تصویر نماد وب‌سایت خود را در پوشه ریشه سرور ذخیره کنید یا یک پوشه به نام images در ریشه ایجاد کنید و تصویر نماد وب‌سایت خود را در این پوشه ذخیره کنید. نام معمولی تصویر نماد وب‌سایت "favicon.ico".
در فایل "index.html"، در <title> یک عناصر به دنبال عناصر <link> عناصر، مانند این:
<!DOCTYPE html> <html> <head> <title>My Page Title</title> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
حالا، فایل "index.html" را ذخیره کنید و آن را در مرورگر بارگذاری مجدد کنید. نماد وب‌سایت شما اکنون در سمت چپ عنوان صفحه نمایش داده می‌شود.
- صفحه‌ی قبلی اسلایدر مقایسه‌ی تصاویر
- صفحه‌ی بعدی دکمه‌های هشدار
