3 ms·
Well, the novel is not finished. However, here is one of my early efforts at trying to write clean HTML5. https://www.maggie-shaw.co.uk/ https://www.maggie-sha
by Theodores 8y ago
Well, the novel is not finished. However, here is one of my early efforts at trying to write clean HTML5.
https://www.maggie-shaw.co.uk/ https://www.maggie-shaw.co.uk/
If you go straight to 'view source' you can see what I have tried to do in constructing 'human editable' HTML. The 'sections' do not have 'titles' and could be divs as I just need some wrapper to get the full width banner images in the middle of each 'article'.
I had started this page with 'details/summary' disclosure elements but ended up mimicking that interface with the headers at the top of each 'article' and some scripting.
I also tried to use 'form' as a container for all calls to actions, even if this was not a real 'form', but just a way to show an image full screen.
I was trying to do a few new things so maybe the 'nav' container was what I needed. But I wanted buttons for accessibility. The burger menu should be a 'button' for accessibility too.
The code and use of elements on this page only has class attributes for things that change, not as general styling hooks. A lot is contrived and could be improved, but I think I got the general idea of 'separation of concerns'.