核心元件簡介

在 Adobe Experience Manager 中，元件是構成所編寫頁面內容的結構元素。元件向來是 AEM 體驗的基本元素，讓作者可輕鬆建立頁面、功能又強大，而開發人員在開發元件時，也可保有靈活性與擴充空間。

核心元件是一套標準化的網頁內容管理(WCM)元件，可AEM加速開發時間並降低網站的維護成本。

資源

元件庫： 在各種組態中檢視元件的範例集合。
元件檔案（本檔案）：對於開 發人員和作者，請提供每個元件的詳細資訊。
核心元件GitHub存放庫：如需每 個元件和專案下載的開發人員詳細資訊。
立即開始:
- 核心元件的成功： 在開始使用核心元件的專案之前，先考慮相關准則。
- WKND教學課 程：建立新網站的兩天教學課程。
- 峰會教學課 程：建立新網站的兩小時教學課程（來自2019年美國峰會的實驗室）。
- Gems網路研討會： 核心元件導覽（於2018年12月錄制）。

功能


生產就緒	核心元件是28種強穩的元件，經過良好測試、廣泛使用，而且效能良好。
雲端就緒	無論是在AEM作為Cloud Service、在Adobe Managed Services或內部部署中，它們都只能運作。
多功能	這些元件代表一般概念，作者可用這些概念組合幾乎任何版面。
可配置	範本層級內容原則定義頁面作者可使用或不使用的功能。
可追蹤	Adobe用戶端資料層整合可追蹤訪客體驗的所有方面。
易於取得	它們符合WCAG 2.1標準，提供ARIA標籤，並支援鍵盤導覽（[已知問題](https://github.com/adobe/aem-core-wcm-components/issues?utf8= ✓&q=is%3Aissue+is%3Aopen+accessibility+in%3Atitle)）。
SEO-Fliendly	HTML輸出是語義的，提供schema.org微資料注釋。
WebApp-Ready	簡化的JSON輸出允許用戶端轉譯，但仍有內容內容編輯的可能。
AMP支援	這些元件內建支援AMP標準，可加速您的行動體驗。
設計套件	適用於Adobe XD的UI套件可讓設計人員建立線框，然後視需要樣式。
Themeable	元件實施樣式系統，標籤遵循BEM CSS約定。
可自訂	從調整HTML到進階功能的重複使用，有幾種模式可讓輕鬆自訂。
版本設定	版本控制原則可確保核心元件在改善可能影響您的項目時不會中斷您的網站。
可本地化	智慧型參考解析度可讓特定元件自動尋找及轉換對應的本地化內容。
開放來源	如果某些項目不如預期，會提供您的改進！

元件

目前版本的核心元件主打下列元件。

範本元件

頁面編寫元件

容器元件

表單元件

注意

開發團隊必須先依照作者的環境整合核心元件，才能將其提供給您。整合後，可透過範本編輯器使它們可用並預先設定。

注意

某些版本的個別核心元件可能只相容於特定版本的 AEM。

如需特定元件的相容性資訊，請參閱說明頁面 (連結至上一份清單)，或參考核心元件版本文件以取得詳細資訊。

系統要求

核心元件	AEM as a Cloud Service	AEM 6.5	AEM 6.4	Java SE	馬文
2.16.0	持續	6.5.5.0+ *	6.4.8.1+ *	8, 11	3.3.9+

注意

(*)自2.11.0版起，需要org.apache.sling.models.impl 1.4.12版或更新版本（由於SLING-8781）。這將在未AEM來的Service Pack中提供6.4和6.5版。在此之前，Sling Models組合包會包含在core.wcm.components.all套件中。

如需舊版核心元件的需求，請參閱核心元件版本。

核心元件需要使用可編輯的範本，且不支援Classic UI或靜態範本。如有需要，請查看現代化工AEM具，以使用這些現代化功能更新您的AEM專案。

若要設定您的本機開發環境，請參閱本概觀，以AEM取得Cloud ServiceSDK](https://docs.adobe.com/content/help/zh-Hant/experience-manager-learn/cloud-service/local-development-environment-set-up/overview.html)，或以本檔案取得舊版AEM。[