What's The Difference Between Using A Heading Tag And A Large Font In A Tag?

What's the difference between using a heading tag like h1, h6 and a large font in a

tag? I am interested in how it would affect not only the readability of the code but a

Solution 1:

What's the difference between using a heading tag and a large font in a <p> tag?

Semantics.

Solution 2:

Functionally, nothing. Semantically, everything. <p> describes a paragraph, and <h*> describe headings. If your HTML is to be consumed, it makes a big difference. Take a look at the HTML outliner to see how search engines / headless browsers / CSS-free browsers will interpret <p> vs. <h*> tags and how it lays out your document.

Solution 3:

This will affect readability not only for other devs or readers but it mostly matters for search engines. You want to give a semantic meaning to your code. Bring more weight to word that matter more. When a search engine spider crawls your site, it is easier to identify what your content is about. It's a good practice for SEO.