what exactly is the purpose of div element

Answer 1

<div> represents a section of a HTML5 page. It is block element and is used as a main building block for HTML page. That is why is it used so often - together with CSS is used for styling just as <span> is basic (and de facto meaningless) in-line element.