HTML Script Element Attributes: async vs. defer vs. type='module'

I believe you are no stranger to script elements in HTML. It has some properties such as async, defer, etc. Do you know what they do and the difference between them?

If the script element does not have any attributes added, then when the browser encounters the script, it will be loaded and executed immediately. After waiting for the execution to complete, it will continue to parse the following tags. This stage is called Parse HTML.

And if the script …

async attributes browser difference element etc frontend html javascript script the browser them type webdev will