วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

Post Reply
User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 3762
Joined: 19/09/2018 10:33 am

วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari

Post by Ittichai_chupol » 06/02/2020 5:36 pm

สำหรับผุ้ใช้งานเว็บบราวเซอร์ทุกคนนั้น คงต้องการความสะดวกรวดเร็วได้การเข้าถึงเว็บไซต์ที่ต้องการของแต่ละบุคคลได้จากหน้าเเรกที่เข้ามาช้งานของเว็บบราวเซอร์
ซึ่งโดยปกติเเล้วในเเต่ละเว็บเซอร์ก็จะมีฟังชั่นส่วนี้อยู่ด้วยกัน และทั้งนี้สำหรับเว็บไซต์หลายๆเว็บไซต์ก็ยังจะมีการทำให้ส่วนการแสดงดูหน้าใช้งานมากขึ้นโดยการใช้ favorite icon เพื่อใช่เป็นการระบุถึงเว็บไซต์ด้วย โดยเว็บ บราวเซอร์ที่มีผุ็ใช้งานจำนวนมากอย่าง safari chrome firefox นั้นก็จะมีวิธีการสร้างหน้า favorite แตกต่างกันไป ร่วมทั้ง วิธีการดึงรูป icon ก็ต่างกันไปด้วย โดยเฉพาะ safari browser ที่อาจจะเป็นปัญหามากที่สุด แต่ทั้งนี้ก็มีวิธีการที่สามารถจะทำได้ดังนี้

ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon faverrite บน safari browser ได้

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <link rel="icon" href="favicon.ico"  type="image/ico">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
          <link rel="icon" href="path url image" sizes="48x48" >
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>HTML4</title>
        <style>
            body {
                font-family: Verdana,sans-serif;
                font-size: 0.9em;
            }

            div#header, div#footer {
                padding: 10px;
                color: white;
                background-color: black;
            }

            div#content {
                margin: 5px;
                padding: 10px;
                background-color: lightgrey;
            }

            div.article {
                margin: 5px;
                padding: 10px;
                background-color: white;
            }

            div#menu ul {
                padding: 0;
            }

            div#menu ul li {
                display: inline;
                margin: 5px;
            }
        </style>
    </head>
    <body>

        <div id="header">
            <h1>test</h1>
        </div>

        <div id="menu">
            <ul>
                <li>News</li>
                <li>Sports</li>
                <li>Weather</li>
            </ul>
        </div>

        <div id="footer">
            <p>&copy; 2014 Monday Times. All rights reserved.</p>
        </div>

    </body>
</html>



ตัวอย่างผลลัพธ์
imgpsh_fullsize_anim (1).jpg

บทความที่เกี่ยวข้อง

การสร้าง Extension ใน phpbb
การสร้าง controller สำหรับ phpbb
Event listenner - เขียน Extension บน phpBB 3.1
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb
私を傷つけるすべてが終了します。

Post Reply

Return to “PHP Knowledge”

Who is online

Users browsing this forum: Majestic-12 [Bot] and 8 guests