fix(doc): fix html5 syntax

ref aurelia/templating#647 (comment)

doc/article/en-US/binding-checkboxes.md

@@ -47,9 +47,9 @@ Bind a boolean property to an input element's `checked` attribute using `checked
         <label><input type="checkbox" checked.bind="cpu"> CPU</label>
         <label><input type="checkbox" checked.bind="memory"> Memory</label>
 
-        motherboard = ${motherboard}<br/>
-        cpu = ${cpu}<br/>
-        memory = ${memory}<br/>
+        motherboard = ${motherboard}<br>
+        cpu = ${cpu}<br>
+        memory = ${memory}<br>
       </form>
     </template>
   </source-code>
@@ -117,7 +117,7 @@ To define the input's "value", bind the input's `model` attribute: `model.bind="
           <input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
           ${product.id} - ${product.name}
         </label>
-        <br />
+        <br>
         Selected product IDs: ${selectedProductIds}
       </form>
     </template>
@@ -315,7 +315,7 @@ Finally, here's an example that adds and removes strings from a `selectedProduct
           <input type="checkbox" value.bind="product" checked.bind="selectedProducts">
           ${product}
         </label>
-        <br />
+        <br>
         Selected products: ${selectedProducts}
       </form>
     </template>

doc/article/en-US/binding-radios.md

@@ -69,7 +69,7 @@ Let's start with an example that uses a numeric "selected item" property. In thi
                  model.bind="product.id" checked.bind="selectedProductId">
           ${product.id} - ${product.name}
         </label>
-        <br />
+        <br>
         Selected product ID: ${selectedProductId}
       </form>
     </template>
@@ -313,7 +313,7 @@ Finally, here's an example using strings. This is example is unique because it d
                  value.bind="product" checked.bind="selectedProduct">
           ${product}
         </label>
-        <br />
+        <br>
         Selected product: ${selectedProduct}
       </form>
     </template>

doc/article/en-US/binding-selects.md

@@ -63,7 +63,7 @@ A `<select>` element can serve as a single-select or multiple-select "picker" de
   <source-code lang="HTML">
     <template>
       <label>
-        Select product:<br/>
+        Select product:<br>
         <select value.bind="selectedProductId">
           <option model.bind="null">Choose...</option>
           <option repeat.for="product of products"
@@ -129,7 +129,7 @@ A `<select>` element can serve as a single-select or multiple-select "picker" de
   <source-code lang="HTML">
     <template>
       <label>
-        Select product:<br/>
+        Select product:<br>
         <select value.bind="selectedProduct">
           <option model.bind="null">Choose...</option>
           <option repeat.for="product of products"
@@ -204,7 +204,7 @@ You may run into situations where the object your select element's value is boun
   <source-code lang="HTML">
     <template>
       <label>
-        Select product:<br/>
+        Select product:<br>
         <select value.bind="selectedProduct" matcher.bind="productMatcher">
           <option model.bind="null">Choose...</option>
           <option repeat.for="product of products"
@@ -293,7 +293,7 @@ You may run into situations where the object your select element's value is boun
   <source-code lang="HTML">
     <template>
       <label>
-        Select product:<br/>
+        Select product:<br>
         <select value.bind="selectedProduct">
           <option value="">Choose...</option>
           <option repeat.for="product of products"

doc/article/en-US/binding-value-converters.md

@@ -33,7 +33,7 @@ Here's a simple data-binding example using the **bind** (`.bind="expression"`) a
   <source-code lang="HTML">
     <template>
       <label for="name">Enter Name:</label>
-      <input id="name" type="text" value.bind="name" />
+      <input id="name" type="text" value.bind="name">
       <p>Name is ${name}</p>
     </template>
   </source-code>
@@ -80,7 +80,7 @@ Sometimes the raw data exposed by your view-model isn't in a format that's ideal
 <code-listing heading="date-and-number.html">
   <source-code lang="HTML">
     <template>
-      ${currentDate} <br/>
+      ${currentDate} <br>
       ${netWorth}
     </template>
   </source-code>
@@ -172,7 +172,7 @@ Before we get too far into the details, let's rework the previous example to use
       <require from="./date-format"></require>
       <require from="./currency-format"></require>
 
-      ${currentDate | dateFormat} <br/>
+      ${currentDate | dateFormat} <br>
       ${netWorth | currencyFormat}
     </template>
   </source-code>
@@ -204,7 +204,7 @@ Finally, we applied the converter in the binding using the pipe `|` syntax:
 
 <code-listing heading="Converter Syntax">
   <source-code lang="HTML">
-    ${currentDate | dateFormat} <br/>
+    ${currentDate | dateFormat} <br>
     ${netWorth | currencyFormat}
   </source-code>
 </code-listing>
@@ -278,11 +278,11 @@ The converters in the previous example worked great, but what if we needed to di
       <require from="./date-format"></require>
       <require from="./number-format"></require>
 
-      ${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br/>
-      ${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
-      ${currentDate | dateFormat:'h:mm:ss a'} <br/>
-      ${netWorth | numberFormat:'$0,0.00'} <br/>
-      ${netWorth | numberFormat:'$0.0a'} <br/>
+      ${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br>
+      ${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
+      ${currentDate | dateFormat:'h:mm:ss a'} <br>
+      ${netWorth | numberFormat:'$0,0.00'} <br>
+      ${netWorth | numberFormat:'$0.0a'} <br>
       ${netWorth | numberFormat:'0.00000)'}
     </template>
   </source-code>
@@ -296,8 +296,8 @@ With the `format` parameter added to the `toView` methods, we are able to specif
 
 <code-listing heading="Converter Parameter Syntax">
   <source-code lang="HTML">
-    ${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
-    ${netWorth | numberFormat:'$0.0a'} <br/>
+    ${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
+    ${netWorth | numberFormat:'$0.0a'} <br>
   </source-code>
 </code-listing>
 
@@ -603,8 +603,8 @@ In the example below, we have a view-model that exposes colors in an object form
       <require from="./rgb-to-hex"></require>
 
       <label for="color">Select Color:</label>
-      <input id="color" type="color" value.bind="rgb | rgbToHex" />
-      <br/> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
+      <input id="color" type="color" value.bind="rgb | rgbToHex">
+      <br> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
     </template>
   </source-code>
 </code-listing>

doc/example-dist/binding-checkboxes/booleans/app.html

@@ -5,8 +5,8 @@ <h4>Products</h4>
     <label><input type="checkbox" checked.bind="cpu"> CPU</label>
     <label><input type="checkbox" checked.bind="memory"> Memory</label>
 
-    motherboard = ${motherboard}<br/>
-    cpu = ${cpu}<br/>
-    memory = ${memory}<br/>
+    motherboard = ${motherboard}<br>
+    cpu = ${cpu}<br>
+    memory = ${memory}<br>
   </form>
 </template>

doc/example-dist/binding-checkboxes/numbers/app.html

@@ -5,7 +5,7 @@ <h4>Products</h4>
       <input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
       ${product.id} - ${product.name}
     </label>
-    <br />
+    <br>
     Selected product IDs: ${selectedProductIds}
   </form>
 </template>

doc/example-dist/binding-checkboxes/strings/app.html

@@ -5,7 +5,7 @@ <h4>Products</h4>
       <input type="checkbox" value.bind="product" checked.bind="selectedProducts">
       ${product}
     </label>
-    <br />
+    <br>
     Selected products: ${selectedProducts}
   </form>
 </template>

doc/example-dist/binding-radios/numbers/app.html

@@ -6,7 +6,7 @@ <h4>Products</h4>
              model.bind="product.id" checked.bind="selectedProductId">
       ${product.id} - ${product.name}
     </label>
-    <br />
+    <br>
     Selected product ID: ${selectedProductId}
   </form>
 </template>

doc/example-dist/binding-radios/strings/app.html

@@ -6,7 +6,7 @@ <h4>Products</h4>
              value.bind="product" checked.bind="selectedProduct">
       ${product}
     </label>
-    <br />
+    <br>
     Selected product: ${selectedProduct}
   </form>
 </template>

doc/example-dist/binding-selects/multiple/numbers/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProductIds">
       <option repeat.for="product of products"
               model.bind="product.id">

doc/example-dist/binding-selects/multiple/objects/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProducts">
       <option repeat.for="product of products"
               model.bind="product">

doc/example-dist/binding-selects/multiple/strings/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProducts">
       <option repeat.for="product of products"
               value.bind="product">

doc/example-dist/binding-selects/single/numbers/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProductId">
       <option model.bind="null">Choose...</option>
       <option repeat.for="product of products"

doc/example-dist/binding-selects/single/objects-matcher/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProduct" matcher.bind="productMatcher">
       <option model.bind="null">Choose...</option>
       <option repeat.for="product of products"

doc/example-dist/binding-selects/single/objects/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProduct">
       <option model.bind="null">Choose...</option>
       <option repeat.for="product of products"

doc/example-dist/binding-selects/single/strings/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProduct">
       <option value="">Choose...</option>
       <option repeat.for="product of products"

doc/example-dist/binding-value-converters/bi-directional-value-converters/app.html

@@ -2,6 +2,6 @@
   <require from="./rgb-to-hex.js"></require>
 
   <label for="color">Select Color:</label>
-  <input id="color" type="color" value.bind="rgb | rgbToHex" />
-  <br/> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
+  <input id="color" type="color" value.bind="rgb | rgbToHex">
+  <br> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
 </template>

doc/example-dist/binding-value-converters/converter-parameters/app.html

@@ -2,10 +2,10 @@
   <require from="./date-format.js"></require>
   <require from="./number-format.js"></require>
 
-  ${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br/>
-  ${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
-  ${currentDate | dateFormat:'h:mm:ss a'} <br/>
-  ${netWorth | numberFormat:'$0,0.00'} <br/>
-  ${netWorth | numberFormat:'$0.0a'} <br/>
+  ${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br>
+  ${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
+  ${currentDate | dateFormat:'h:mm:ss a'} <br>
+  ${netWorth | numberFormat:'$0,0.00'} <br>
+  ${netWorth | numberFormat:'$0.0a'} <br>
   ${netWorth | numberFormat:'0.00000)'}
 </template>

doc/example-dist/binding-value-converters/date-and-number/app.html

@@ -1,4 +1,4 @@
 <template>
-  ${currentDate} <br/>
+  ${currentDate} <br>
   ${netWorth}
 </template>

doc/example-dist/binding-value-converters/simple-binding/app.html

@@ -1,5 +1,5 @@
 <template>
   <label for="name">Enter Name:</label>
-  <input id="name" type="text" value.bind="name" />
+  <input id="name" type="text" value.bind="name">
   <p>Name is ${name}</p>
 </template>

doc/example-dist/binding-value-converters/simple-converter/app.html

@@ -2,6 +2,6 @@
   <require from="./date-format.js"></require>
   <require from="./currency-format.js"></require>
 
-  ${currentDate | dateFormat} <br/>
+  ${currentDate | dateFormat} <br>
   ${netWorth | currencyFormat}
 </template>

doc/example/binding-checkboxes/booleans/app.html

@@ -5,8 +5,8 @@ <h4>Products</h4>
     <label><input type="checkbox" checked.bind="cpu"> CPU</label>
     <label><input type="checkbox" checked.bind="memory"> Memory</label>
 
-    motherboard = ${motherboard}<br/>
-    cpu = ${cpu}<br/>
-    memory = ${memory}<br/>
+    motherboard = ${motherboard}<br>
+    cpu = ${cpu}<br>
+    memory = ${memory}<br>
   </form>
 </template>

doc/example/binding-checkboxes/numbers/app.html

@@ -5,7 +5,7 @@ <h4>Products</h4>
       <input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
       ${product.id} - ${product.name}
     </label>
-    <br />
+    <br>
     Selected product IDs: ${selectedProductIds}
   </form>
 </template>

doc/example/binding-checkboxes/strings/app.html

@@ -5,7 +5,7 @@ <h4>Products</h4>
       <input type="checkbox" value.bind="product" checked.bind="selectedProducts">
       ${product}
     </label>
-    <br />
+    <br>
     Selected products: ${selectedProducts}
   </form>
 </template>

doc/example/binding-radios/numbers/app.html

@@ -6,7 +6,7 @@ <h4>Products</h4>
              model.bind="product.id" checked.bind="selectedProductId">
       ${product.id} - ${product.name}
     </label>
-    <br />
+    <br>
     Selected product ID: ${selectedProductId}
   </form>
 </template>

doc/example/binding-radios/strings/app.html

@@ -6,7 +6,7 @@ <h4>Products</h4>
              value.bind="product" checked.bind="selectedProduct">
       ${product}
     </label>
-    <br />
+    <br>
     Selected product: ${selectedProduct}
   </form>
 </template>

doc/example/binding-selects/multiple/numbers/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProductIds">
       <option repeat.for="product of products"
               model.bind="product.id">

doc/example/binding-selects/multiple/objects/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProducts">
       <option repeat.for="product of products"
               model.bind="product">

doc/example/binding-selects/multiple/strings/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select products:<br/>
+    Select products:<br>
     <select multiple value.bind="selectedProducts">
       <option repeat.for="product of products"
               value.bind="product">

doc/example/binding-selects/single/numbers/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProductId">
       <option model.bind="null">Choose...</option>
       <option repeat.for="product of products"

doc/example/binding-selects/single/objects-matcher/app.html

@@ -1,6 +1,6 @@
 <template>
   <label>
-    Select product:<br/>
+    Select product:<br>
     <select value.bind="selectedProduct" matcher.bind="productMatcher">
       <option model.bind="null">Choose...</option>
       <option repeat.for="product of products"