Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

Apple Touch Icon สำหรับเว็บไซต์ใน HTML

การเพิ่มไอคอนสำหรับ iPhone/iPad

เมื่อผู้ใช้เพิ่มหน้าเว็บเป็นบุ๊กмарกบนอุปกรณ์ iOS จะใช้ไฟล์ apple-touch-icon.png หรือระบุผ่านแท็ก <link>

รูปแบบพื้นฐาน

<link rel="apple-touch-icon" href="touch-icon-iphone.png">

ระบุขนาดสำหรับอุปกรณ์ต่างๆ

<link rel="apple-touch-icon" sizes="160x160" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="170x170" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-ipad-retina.png">

ระบบจะเลือกไอคอนที่มีขนาดเหมาะสมกับอุปกรณ์โดยอัตโนมัติ