SSteven

In programming languages (such as Javascript, C++, etc.), indentation of code is a best practice.

In markup languages such as HTML, is code indentation a best practice?

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.