⁕ 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>.