Fix use of semantic HTML5 elements

Fixes #281
Fixes #282

build/xslt/fsfe_followupsection.xsl

@@ -3,7 +3,7 @@
 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
   <xsl:template name="fsfe_followupsection">
-    <xsl:element name="section">
+    <xsl:element name="aside">
       <xsl:attribute name="id">followup</xsl:attribute>
          <!--
          TODO Okay, so the idea here is to be able to display different "followup" boxes. I would suggest doing it like this:
@@ -87,6 +87,6 @@
         </xsl:otherwise>
       </xsl:choose>
     </xsl:element>
-    <!--/section#followup-->
+    <!--/aside#followup-->
   </xsl:template>
 </xsl:stylesheet>

build/xslt/fsfe_mainsection.xsl

@@ -6,11 +6,8 @@
   <xsl:include href="fsfe_sidebar.xsl"/>
 
   <xsl:template name="fsfe_mainsection">
-    <xsl:element name="section">
-      <xsl:attribute name="id">main</xsl:attribute>
-      <xsl:attribute name="role">main</xsl:attribute>
-
-      <xsl:element name="article">
+    <xsl:element name="main">
+      <xsl:element name="div">
         <xsl:attribute name="id">content</xsl:attribute>
         <xsl:if test="/buildinfo/document/body/@microformats">
           <xsl:attribute name="class"><xsl:value-of select="/buildinfo/document/body/@microformats" /></xsl:attribute>

build/xslt/fsfe_pagefooter.xsl

@@ -15,7 +15,6 @@
     </xsl:element>
 
     <xsl:element name="footer">
-      <xsl:attribute name="id">bottom</xsl:attribute>
 
       <xsl:element name="div">
         <xsl:attribute name="id">page-info</xsl:attribute>

build/xslt/translation_list.xsl

@@ -4,7 +4,7 @@
 
   <xsl:template name="translation_list">
     <xsl:if test="not(/buildinfo/document/@external)">
-      <xsl:element name="div">
+      <xsl:element name="nav">
         <xsl:attribute name="id">translations</xsl:attribute>
         <xsl:attribute name="class">alert</xsl:attribute>