I request an evaluation of the following web page, especially on the use of semantic elements:
https://jsfiddle.net/SSteven/qt9d2sfw/
Specifically:
1) At the top, 2 images are supposed to be displayed. (Currently, their alt text is displayed.) I have treated this as the <header>. I have used "float: left" to display both images horizontally.
Is the code for the header element and its sub-elements OK?
2) The top menu has been displayed in an <nav> element, which has been styled along with its sub-elements.
3) The "side menu" has been included in an <aside> element.
4) The <main> element contains an <article> element, which has the main content.
Both the "side menu" and the <main> element are floated horizontally.
5) Finally, there is a <footer> element.
Basically, I'd like to ask:
1) Is the use of the semantic elements correct?
2) Is their styling done correctly or is there a better way?
I'd also like to ask about indentation guidelines for HTML code. I have indented the HTML code. What is the normal practice?
Thanks.