⁕ Semantic elements: Convey meaningful information about the structure of the page. (Short: Convey meaning and structure.)
     ⁕ Examples include <header>, <main>, <nav>, <article>, <aside>, <figure>, <footer>.
⁕ Non-Semantic elements: Purely presentational, used for styling.
     ⁕ Examples include <div>, <span>.