[DOC] Improve documentation for named slots

Author: s2b

Documentation/DataStructures.md

@@ -411,7 +411,11 @@ Fluid Component `Molecule/TeaserCard/TeaserCard.html`:
 <my:molecule.teaserCard buttons="<button>read more about ABC</button>{insecure}" />
 ```
 
-You can also use the `<fc:content />` ViewHelper to specify HTML markup more easily:
+### Named Slots
+
+With v3.7.0 of Fluid Components you can use the `<fc:content />` ViewHelper to specify HTML markup for
+slots more easily. This makes your templates more readable and can prevent possible XSS issues. The
+syntax is similar both to popular frontend frameworks and the HTML5 web components specification.
 
 ```xml
 <my:molecule.teaserCard>

README.md

@@ -49,7 +49,7 @@ The following component implements a simple teaser card element:
         <a href="{link}" class="{component.class} {component.class}-{theme}">
             <h3 class="{component.prefix}title">{title}</h3>
             <f:if condition="{content}">
-                <p class="{component.prefix}description">{fc:slot()}</p>
+                <p class="{component.prefix}description"><fc:slot /></p>
             </f:if>
 
             <f:if condition="{icon}">