Great content! The only part I am confused by is in the h1-h6 section you have the h# tags as "Don't Use" and span tags as "Use instead". Are they flipped or am I just misunderstanding what you meant in the preceding paragraph?
If the h1-h6 is used not for headings then that prevents people.
In other words, the h* only for headings. If you read text in my example you hardly what section is. But if this text was heading you could do it. You would understand content that is related with the heading.
People (especially those that use WordPress and themes) will often put whole paragraphs of text inside of a h* because their theme doesn't use classes to manipulate CSS properties, but relies on attaching those CSS properties via the h* selectors.
Meaning, for example that h1 is big and blue, while h3 is a bit smaller and yellow. So someone comes along and says "this bit of text [imagine a long sentance]" needs to be a bit larger and yellow, and they will then proceed to put that very long text (which obviously is not a heading) inside a h3 tag, just for the looks.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Great content! The only part I am confused by is in the h1-h6 section you have the h# tags as "Don't Use" and span tags as "Use instead". Are they flipped or am I just misunderstanding what you meant in the preceding paragraph?
In other words, the h* only for headings. If you read text in my example you hardly what section is. But if this text was heading you could do it. You would understand content that is related with the heading.
Same question here
Headings should be used to define hierarchy in your webpage, and should never be used for styling purposes.
People (especially those that use WordPress and themes) will often put whole paragraphs of text inside of a h* because their theme doesn't use classes to manipulate CSS properties, but relies on attaching those CSS properties via the h* selectors.
Meaning, for example that h1 is big and blue, while h3 is a bit smaller and yellow. So someone comes along and says "this bit of text [imagine a long sentance]" needs to be a bit larger and yellow, and they will then proceed to put that very long text (which obviously is not a heading) inside a h3 tag, just for the looks.