Merge remote-tracking branch 'origin/MC-5410' into MC-5410

Author: danmooney2

docs/reference/master-format.md

@@ -520,7 +520,7 @@ Poster
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="poster" data-show-button="hover" data-show-overlay="always" style="...">
-    <div data-element="link" data-href="" data-target="" data-link-type="default">
+    <a data-element="link" href="" target="" data-link-type="default">
         <div data-element="wrapper" class="pagebuilder-slide-wrapper" style="..." data-background-images="{}">
             <div data-element="overlay" class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-poster-content">
@@ -529,15 +529,15 @@ Poster
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-left" data-show-button="hover" data-show-overlay="always" style="...">
-    <div data-element="link" data-href="" data-target="" data-link-type="default">
+    <a data-element="link" href="" target="" data-link-type="default">
         <div data-element="wrapper" class="pagebuilder-slide-wrapper" style="..." data-background-images="{}">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -546,15 +546,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-centered" data-show-button="hover" data-show-overlay="always" style="...">
-    <div data-element="link" data-href="" data-target="" data-link-type="default">
+    <a data-element="link" href="" target="" data-link-type="default">
         <div data-element="wrapper" class="pagebuilder-slide-wrapper" style="..." data-background-images="{}">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -563,15 +563,15 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
 Collage Right
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-right" data-show-button="hover" data-show-overlay="always" style="...">
-    <div data-element="link" data-href="" data-target="" data-link-type="default">
+    <a data-element="link" href="" target="" data-link-type="default">
         <div data-element="wrapper" class="pagebuilder-slide-wrapper" style="..." data-background-images="{}">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -580,7 +580,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
@@ -604,8 +604,8 @@ Inline styles
 
 Attributes
 1. data-element [link]
-2. data-href
-3. data-target
+2. href
+3. target
 4. data-link-type
 
 ### wrapper element
@@ -660,7 +660,7 @@ Poster
 
 ```
 <div data-element="main" data-role="banner" data-appearance="poster" data-overlay-color="rgb(0, 0, 0)" data-appearance="poster" style="...">
-    <div data-element="link" data-href="" data-target="">
+    <a data-element="link" href="" target="">
         <div data-element="wrapper" data-background-images="{}" class="wrapper">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -669,15 +669,15 @@ Poster
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-left" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-left" style="" class="pagebuilder-banner">
-    <div data-element="link" data-href="" data-target="">
+    <a data-element="link" href="" target="">
         <div data-element="wrapper" data-background-images="{}" style="" class="wrapper">
             <div data-element="overlay" style="" class="overlay>
                 <div class="content">
@@ -686,15 +686,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-centered" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-center" style="" class="pagebuilder-banner">
-    <div data-element="link" data-href="" data-target="">
+    <a data-element="link" href="" target="">
         <div data-element="wrapper" data-background-images="{}" style="" class="wrapper">
             <div data-element="overlay" class="overlay">
                 <div class="content">
@@ -703,14 +703,14 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 Collage Right
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-right" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-right" style="" class="pagebuilder-banner">
-    <div data-element="link" data-href="" data-target="">
+    <a data-element="link" href="" target="">
         <div data-element="wrapper" data-background-images="{}" style="" class="wrapper">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -719,7 +719,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </div>
+    </a>
 </div>
 ```
 
@@ -746,8 +746,8 @@ Attributes
 1. data-element [link]
 2. data-role
 3. data-appearance
-4. data-href
-5. data-target
+4. href
+5. target
 6. data-link-type
 
 ### wrapper element