I am not new to html however would like to know about best practices. I need to develop a layout like this:
This is what I have proposed:
<div id="body">
<div id="body-main">
<div id="body-main-upper">
<div id="body-main-upper-image">
<image></image>
</div>
<div id="body-main-upper-image2">
Text goes here
<image></image>
</div>
</div>
<div id="body-main-bottom">
<Table><tr /><td /></Table>
</div>
</div>
<div id="sidebar">
<div id="sidebar-upper">
<image></image>
</div>
<div id="sidebar-bottom">
<image></image>
<div id="sidebar-bottom-table">
</div>
Text goes here
<image></image>
</div>
</div>
</div>
Can this be improved in any way?
<div>s
here and there such asdiv#body-main-upper-image
and target the images in CSS withdiv#body-main-upper img
. Same withdiv#body-main-bottom
, if there is only a table in that div then it could be seen as superfluous. \$\endgroup\$