feat: Use semantic HTML in default theme

[HerrBertling]

Feature request

I'd like to improve the default theme by using some semantic HTML tags in favor of divs throughout the default theme.

What problem does this feature solve?

This would make the default vuepress theme (and thus quite some documentation pages) a bit more accessible.

What does the proposed API look like?

It's not really an API, I just found some places in the theme that could use main, aside or footer instead of a simple div. For example:

• footer here
• main here
• aside here
• role="search" here
• section here
• header here

I'm not sure whether I'd touch the navbar navigation parts. I'd prefer lis instead of a div per .nav-item, but I'm aware that this change would require way more cross-device/env testing than the "simple quick wins" by exchanging some tags.

How should this be implemented in your opinion?

I'd open a pull request if this is something of interest?

Are you willing to work on this yourself?**

See above :)

By the way: I thought about this some time ago and this article reminded me of that, so I figured I'd ask :)

[yyx990803]

Sounds good for a PR!

[HerrBertling]

Pull request opened 😊