<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/b01a2abb2c3f48b7bed478ac21401b55&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/b01a2abb2c3f48b7bed478ac21401b55-f5b914350ee48946.gif</thumbnail_url><duration>74.5</duration><title>Classes, IDs and HTML Attributes in Content Templates (Overview)</title><description>This Loom explains how classes, IDs, and HTML attributes in content template items affect the generated HTML without changing pages automatically. It shows that adding a class lets CSS target specific sections, turning one section into a framed card and rounding the button ends using an override rule. It explains that an ID can be linked to by pointing a button at the page address followed by the ID to scroll directly to that section. Finally, it demonstrates that HTML attributes can add accessibility labels for screen readers and data values displayed as CSS badges, configured per item.</description></oembed>