入門範本
所有入門範本,無論是頁面或完整網站,都採用相同的原則與功能從零開始構建。這表示您可以輕鬆混搭,打造屬於自己的自訂版面與內容。
使用我們任何一套入門範本,即可透過 SSG 開始建立您的網站或網頁應用程式。
Kaishi 入門範本已啟用以下功能:
- **無障礙 Meta 標籤:**這些 meta 標籤旨在讓網站對身心障礙使用者更友善。透過設定可存取的豐富網際網路應用程式(ARIA)角色與屬性、完整鍵盤控制,以及無閃爍危害,即可確保您的網站對所有人皆可使用。
- **Apple Meta 標籤:**這些 meta 標籤能提升網站在 iPhone、iPad 等 Apple 裝置上的體驗。您可以調整網頁應用功能、狀態列樣式、標題、應用程式名稱及作者,讓網站在 Apple 裝置上呈現更佳外觀。
- **Bootstrap CSS:**Bootstrap 是熱門的 CSS 框架,提供一整套預先設計好的樣式與元件。使用 Bootstrap,您無須從零撰寫 CSS,即可快速打造專業質感的網站。
- **Bootstrap JavaScript:**Bootstrap JavaScript 是一套預先建置的指令碼,提供響應式導覽選單與互動對話框等功能。
- **內容安全政策:**此 meta 標籤用於指定頁面允許載入的內容來源,可防止跨站腳本攻擊(XSS)及其他安全漏洞。
- **Microsoft Meta 標籤:**這些 meta 標籤旨在針對 Microsoft 裝置最佳化網站。您可以設定網站驗證、應用程式組態、點擊高亮顏色、磚色與磚圖,讓網站在 Windows 裝置上呈現更佳外觀。
- **Open Graph / Facebook Meta 標籤:**這些 meta 標籤讓您掌控網站在 Facebook 及其他社群平台分享時的顯示方式。透過設定標題、說明與圖片,即可確保您的網站在線上分享時呈現最佳樣貌。
- **響應式導覽列:**響應式導覽列為使用者提供直覺且易於操作的網站瀏覽介面,能依螢幕尺寸自動調整,讓桌機與行動裝置使用者都能順利存取。
- **Schema.org Meta 標籤:**這些 meta 標籤用於提供網站內容的結構化資料。在網站上設定名稱、說明與圖片,有助於搜尋引擎與其他服務更理解內容。
- **Twitter Meta 標籤:**這些 meta 標籤旨在針對 Twitter 分享最佳化網站。您可以設定卡片類型、建立者、說明、圖片、網站、標題與網址,讓網站在 Twitter 上呈現良好外觀。