Semantisches Markup nach Hinweisen von html5doctor.com korrigiert

diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index 8535b79..2512e07 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -27,10 +27,10 @@
         <div class="b"></div>
       </div>
       <div class="content cf">
-        <section id="content" class="main">
-          <h1><t:getAsString name="title"/></h1>
+        <article id="content" class="main">
+          <header><h1><t:getAsString name="title"/></h1></header>
           <t:insertAttribute name="maincontent"/>
-        </section>
+        </article>
         <div class="marginal">
           <nav id="nav">
             <hr />

diff --git a/src/main/webapp/WEB-INF/templates/marginalcontent.jsp b/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
index a9a04bc..29f67bd 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
+++ b/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
@@ -1,7 +1,7 @@
 <%@page contentType="text/html;charset=UTF-8"%>
 <%@page pageEncoding="UTF-8"%>
 <%@page session="false" %>
-<div class="m">
+<aside class="m">
   <h1>Other nasty but marginal stuff</h1>
   <p>
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
@@ -12,4 +12,4 @@
     pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
     culpa qui officia deserunt mollit anim id est laborum.
   </p>
-</div>
+</aside>

diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 4ef2bbe..a8cf4ff 100644 (file)
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -51,7 +51,7 @@ body
 {
   margin-top: 0;
 }
-.cols_1 > .content > .marginal div.m
+.cols_1 > .content > .marginal aside.m
 {
   padding: 2em;
 }

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 4ddffb0..d7d37c9 100644 (file)
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -42,7 +42,7 @@ body
 {
   margin: 2em -3em 0 -5em;
 }
-.cols_1 > .content > .marginal div.m
+.cols_1 > .content > .marginal aside.m
 {
   margin: -.125em 3em 0 5em;
   padding: 2em 0;
@@ -58,7 +58,7 @@ body
   width: 100%;
   border-top: 3em solid @hintergrund;
 }
-.cols_2 > .content > .marginal > div.m
+.cols_2 > .content > .marginal > aside.m
 {
   margin-right: -12em;
 }