Improve semantic HTML tag usage on content pages

layouts/_partials/page-metadata/post-full.html

@@ -1,5 +1,5 @@
 {{ if or .Date .Params.authors .Site.Params.readingtime .Site.Params.gitFileURL }}
-    <div class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
+    <section class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
         {{ if .Date }}
             <span class="page-metadata-item" aria-label="{{ i18n "aria_post_meta_date" }}">
                 {{ partial "icon.html" "calendar" }}
@@ -26,5 +26,5 @@
         {{ partial "page-metadata/item/categories.html" . }}
 
         {{ partial "page-metadata/item/tags.html" . }}
-    </div>
+    </section>
 {{ end }}

layouts/_partials/page-metadata/post-short.html

@@ -1,5 +1,5 @@
 {{ if or .Date .Params.authors .Site.Params.readingtime }}
-    <div class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
+    <section class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
         {{ if .Date }}
             <span class="page-metadata-item" aria-label="date">
                 {{ partial "icon.html" "calendar" }}
@@ -14,5 +14,5 @@
         {{ partial "page-metadata/item/series.html" . }}
         {{ partial "page-metadata/item/categories.html" . }}
         {{ partial "page-metadata/item/tags.html" . }}
-    </div>
+    </section>
 {{ end }}

layouts/_partials/share.html

@@ -1,4 +1,4 @@
-<div class="share-buttons">
+<section class="share-buttons">
     {{ if .Site.Params.shareButtons.twitter }}
         <a class="twitter-share"
            target="_blank"
@@ -66,4 +66,4 @@
             {{- partial "icon.html" "printer" -}}
         </a>
     {{ end }}
-</div>
+</section>

layouts/page.html

@@ -1,4 +1,5 @@
 {{ define "main" }}
+    <article>
         <div class="page-title">
             <h1>
                 {{ .Title | markdownify }}
@@ -10,12 +11,12 @@
         {{ partial "series-box.html" . }}
 
         {{ if .Params.Toc }}
-        <div class="table-of-contents" aria-label="{{ i18n "aria_table_of_contents" }}">
+            <section class="table-of-contents" aria-label="{{ i18n "aria_table_of_contents" }}">
                 <details>
                     <summary>{{ i18n "table_of_contents" }}</summary>
                     {{ .TableOfContents }}
                 </details>
-        </div>
+            </section>
             <div class="table-of-contents print">
                 {{ i18n "table_of_contents" }}
                 {{ .TableOfContents }}
@@ -24,14 +25,14 @@
 
         {{ partial "feature-figure.html" . }}
 
-    <article class="post-content" data-pagefind-body>
+        <div class="post-content" data-pagefind-body>
             {{ .Content }}
-    </article>
+        </div>
 
         {{ partial "series-box.html" . }}
 
         {{ if or .NextInSection .PrevInSection }}
-        <div class="prevnext">
+            <nav class="prevnext">
                 {{ with .NextInSection }}
                     <a class="prev" href="{{ .Permalink }}">
                         <div class="prev-caption">
@@ -57,7 +58,7 @@
                 {{ else }}
                     <div class="next"></div>
                 {{ end }}
-        </div>
+            </nav>
         {{ end }}
 
         {{ if .Site.Params.shareButtons }}
@@ -65,10 +66,11 @@
         {{ end }}
 
         {{ if .Params.comments }}
-        <div class="comments">
+            <section class="comments">
                 {{ partial "comments.html" . }}
-        </div>
+            </section>
         {{ end }}
+    </article>
 {{ end }}