在HTML5中,可以通過一系列的代碼操作,將網站添加到手機的桌面中,以方便快捷的訪問。
<!DOCTYPE html> <html> <head> <title>添加到手機桌面</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon" href="home-icon.png"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <h1>添加到手機桌面</h1> <p>請點擊底部的加號圖標,然后選擇“添加到主屏幕”即可。</p> </body> </html>
在以上代碼中,使用了meta標簽定義了網站的視圖和功能,以及指定了網站的圖標。但需要注意的是,添加到桌面的功能只在部分支持HTML5的瀏覽器中才能生效。
上一篇tr中css單數變色
下一篇tp5 視圖引入css