React腳手架下入口文件index.html的解釋說明
<head> <meta charset="utf-8" /> <!--%PUBLIC_URL% 代表 public的路徑 react中的一個關鍵詞 --> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <!-- 開啟理想視口, 用于做移動端網頁的適配 即視口與設備物理像素一致 --> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- 用于配置瀏覽器頁簽 + 地址欄的顏色(僅支持安卓手機瀏覽器, 開發時很少用,因為兼容性差) --> <meta name="theme-color" content="#000000" /> <meta name="description" content="Web site created using create-react-app" /> <!-- 用于指定網頁添加到手機主屏幕后的圖標(頁面的快捷鏈接) 僅支持蘋果 --> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <!-- 應用加殼時的配置文件 html + 加殼 == 生成一個 安裝或IOS的app應用 --> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <title>React App</title> </head> <body> <!-- 如果 瀏覽器不支持JS,則顯示標簽中的內容,當然,現在的瀏覽器都支持, 所以這段代碼其實不寫也沒關系,只是React老虎的更加全面了, 照顧了老掉牙 --> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> <!-- react 容器 --> <!-- 后續的App.js組件會放到id = root 的容器中, 且我們自己定義的組件放到App容器中--> </body>