สำหรับผุ้ใช้งานเว็บบราวเซอร์ทุกคนนั้น คงต้องการความสะดวกรวดเร็วได้การเข้าถึงเว็บไซต์ที่ต้องการของแต่ละบุคคลได้จากหน้าเเรกที่เข้ามาช้งานของเว็บบราวเซอร์ซึ่งโดยปกติเเล้วในเเต่ละเว็บเซอร์ก็จะมีฟังชั่นส่วนี้อยู่ด้วยกัน และทั้งนี้สำหรับเว็บไซต์หลายๆเว็บไซต์ก็ยังจะมีการทำให้ส่วนการแสดงดูหน้าใช้งานมากขึ้นโดยการใช้ favorite icon เพื่อใช่เป็นการระบุถึงเว็บไซต์ด้วย โดยเว็บ บราวเซอร์ที่มีผุ็ใช้งานจำนวนมากอย่าง
safari chrome
Firefox นั้นก็จะมีวิธีการสร้างหน้า favorite แตกต่างกันไป ร่วมทั้ง วิธีการดึงรูป icon ก็ต่างกันไปด้วย แต่ละ browser แต่ทั้งนี้ก็มีวิธีการที่สามารถจะทำได้ดังนี้
โดยการใส่ icon favorite จะนำมาใส่ในส่วนของ head ข้องหน้าเว็บใน
html ดังนี้
โค้ด: เลือกทั้งหมด
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
//icon favorite มีอยู่ 4 ขนาด ดังนี้
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="32x32" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="48x48" > // ขนาดที่นิยมใช้งาน เพราะสามรถแสดงได้หลายๆอุปกรณ์
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="96x96" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="144x144" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
</head>
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ใน safari ซึ่งจะสามารถใช้งานได้หลายขนาด 48
โค้ด: เลือกทั้งหมด
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
ตัวอย่างผลลัพธ์
- Selection_020 (1).png (163.57 KiB) Viewed 3018 times
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ในอุปกรณ์ chrome กับ Firefox ซึ่งจะสามารถใช้งานได้หลายขนาด 32 , 48 ,96 และ 144 ในตัวอย่างจะใช่ที่ขนาด 48
โค้ด: เลือกทั้งหมด
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
ตัวอย่างผลลัพธ์
Firefox
ไฟล์แนป Selection_021.png ไม่มีอยู่แล้ว
chrome
- Selection_021.png (27.51 KiB) Viewed 3018 times
บทความที่เกี่ยวข้อง
การสร้าง Extension ใน phpbb
การสร้าง controller สำหรับ phpbb
Event listenner - เขียน Extension บน phpBB 3.1
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb
สำหรับผุ้ใช้งานเว็บบราวเซอร์ทุกคนนั้น คงต้องการความสะดวกรวดเร็วได้การเข้าถึงเว็บไซต์ที่ต้องการของแต่ละบุคคลได้จากหน้าเเรกที่เข้ามาช้งานของเว็บบราวเซอร์ซึ่งโดยปกติเเล้วในเเต่ละเว็บเซอร์ก็จะมีฟังชั่นส่วนี้อยู่ด้วยกัน และทั้งนี้สำหรับเว็บไซต์หลายๆเว็บไซต์ก็ยังจะมีการทำให้ส่วนการแสดงดูหน้าใช้งานมากขึ้นโดยการใช้ favorite icon เพื่อใช่เป็นการระบุถึงเว็บไซต์ด้วย โดยเว็บ บราวเซอร์ที่มีผุ็ใช้งานจำนวนมากอย่าง [url=https://www.mindphp.com/คู่มือ/73-คืออะไร/2384-safari-คืออะไร.htm]safari[/url] chrome [url=https://mindphp.com/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/3554-firefox-%E0%B9%84%E0%B8%9F%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B8%AD%E0%B8%81%E0%B8%8B%E0%B9%8C-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]Firefox[/url] นั้นก็จะมีวิธีการสร้างหน้า favorite แตกต่างกันไป ร่วมทั้ง วิธีการดึงรูป icon ก็ต่างกันไปด้วย แต่ละ browser แต่ทั้งนี้ก็มีวิธีการที่สามารถจะทำได้ดังนี้
โดยการใส่ icon favorite จะนำมาใส่ในส่วนของ head ข้องหน้าเว็บใน [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2026-html-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]html[/url] ดังนี้
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
//icon favorite มีอยู่ 4 ขนาด ดังนี้
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="32x32" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="48x48" > // ขนาดที่นิยมใช้งาน เพราะสามรถแสดงได้หลายๆอุปกรณ์
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="96x96" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="144x144" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
</head>
[/code]
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ใน safari ซึ่งจะสามารถใช้งานได้หลายขนาด 48
[code]
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
[/code]
ตัวอย่างผลลัพธ์
[attachment=0]imgpsh_fullsize_anim (1).jpg[/attachment]
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ในอุปกรณ์ chrome กับ Firefox ซึ่งจะสามารถใช้งานได้หลายขนาด 32 , 48 ,96 และ 144 ในตัวอย่างจะใช่ที่ขนาด 48
[code]
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
[/code]
ตัวอย่างผลลัพธ์
Firefox
[attachment=2]Selection_021.png[/attachment]
chrome
[attachment=1]Selection_020 (1).png[/attachment]
[b]บทความที่เกี่ยวข้อง[/b]
[url=https://www.mindphp.com/forums/viewtopic.php?f=6&t=51112&p=134162#p134162]การสร้าง Extension ใน phpbb[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=6&t=51115&p=134168#p134168]การสร้าง controller สำหรับ phpbb[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=243&t=23816&p=51085#p51085]Event listenner - เขียน Extension บน phpBB 3.1[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=72&t=64334#p178181]วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb[/url]