Computer >> Máy Tính >  >> Lập trình >> Javascript

Biểu tượng Apple Touch cho các trang web trong HTML


Đối với biểu tượng trang web trên iPhone hoặc iPad, hãy sử dụng Biểu tượng cảm ứng Apple hoặc tệp apple-touch-icon.png. Biểu tượng này được sử dụng khi ai đó thêm trang web của bạn làm dấu trang.

Đối với nhiều biểu tượng có độ phân giải thiết bị khác nhau như iPhone hoặc iPad, hãy thêm thuộc tính kích thước vào từng phần tử liên kết như sau -

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

Đặt kích thước

<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">

Biểu tượng có kích thước phù hợp với thiết bị sẽ được sử dụng.