Using an embed component, you can include any type of HTML.
With great power comes great responsibility, so mind the following points:
- Correct HTML : Code in embed blocks must be 100% correct. If not, it can make the page in AEM uneditable, which can only be solved by contacting the Service Center.
- HTTPS : link to images and pages using HTTPS.
- Performance and Accessibility: Keep in mind that everyting you add in an embed, adds to the pageload. Loading new fonts or massive Javascript libraries is not done unless you're creating a specific application for a single page.
- Standalone HTML/CSS: Do use html of existing components and do not use CSS to override other page components. Doing this creates an unkown dependency between the CMS and its content. Avoid at all cost!
- Images: Use images from the DAM: these are optimized and have caching
Example of an embed block: