HTML5 semantic elements

[mchackorg]

Would you be open to accept a pull request that changes the HTML output to use semantic elements? That is, an index page with elements like:

<header></header>
<nav></nav>
<main>
<article>
</article>
<article>
</article>
</main>
<footer>
</footer>

And perhaps using <time> for all dates.

This could be done either as a replacement for most of the <div> tags or, if that is too controversial, perhaps a multi-stage merge: 1) Adding all the semantic elements without touching div's, 2) Warning all current users about the imminent removal of div's, 3) Remove unnecessary divs's.

What do you think?

[bastibe]

Personally, I'd applaud this!

However, this will break the CSS for existing users.

We should therefore include this as an option. We could declare a customizable variable org-static-blog-use-semantic-html that defaults to nil. If set to t, it would

• replace <div id="preamble" class="status"> with <header>
• replace <div id="postamble" class="status"> with <footer>
• replace <div id="content"> with <main>
• replace <div class="post-date"> with <time>
• wrap each post in org-static-blog-assemble-multipost-page in an <article>
• did I miss anything?

This will introduce a number of (if org-static-blog-use-semantic-html "<div...>" "<main>") into every template. At some point, it might be beneficial to think about a more complex templating system...

I would like this very much!

[bastibe]

Implemented in #7

[mchackorg]

Hm? Pull request #7 was an attempt at generating validating HTML5, not using semantic tags. It doesn't wrap entries in <article> for instance. Perhaps keep this issue open?

[bastibe]

Woops, my bad.

[geeklhem]

Hi, I was interested in this feature and it seemed within my (limited) elisp abilities. Would you be interested in a pull-request ?

[bastibe]

Absolutely!