I immediately got introduced to HTML5 since beginning of my journey.
So I'm not too familiar with the previous versions.
One example that I know, previously, we had <b> and <i> for bold and italics.
But since HTML5, they became <strong> and <em>.
One of definition of semantics is:
The study or science of meaning in languages.
So, we use <strong> to give more attention to the words/sentences and <em> when we want to emphasize words/sentences inside the tags.
These tags are not there to make them bold or italics, but they give meaning.
And therefore, there is also structure in semantics HTML to give meaning to the content in the whole page, such as headings (<h1> - <h6>), <header>, <main>, <section>, etc.
Semantics HTML also helps people who use screen reader. Because semantics HTML gives context for screen readers.
One example that I know, previously, we had <b> and <i> for bold and italics.
But since HTML5, they became <strong> and <em>.
Well, not really. First, <b>, <i>, <strong> and <em> have existed since the very first complete drafts of HTML. They're all the same age. HTML5 gave <b> and <i> semantics that they didn't have previously, and the semantics of <em> changed quite subtly, but otherwise nothing changed. What that meant was that if you want semantics-free bold and italics, it's necessary to use CSS: font-weight: bold and font-style: italic respectively.
I immediately got introduced to HTML5 since beginning of my journey.
So I'm not too familiar with the previous versions.
One example that I know, previously, we had
<b>and<i>for bold and italics.But since HTML5, they became
<strong>and<em>.One of definition of semantics is:
So, we use
<strong>to give more attention to the words/sentences and<em>when we want to emphasize words/sentences inside the tags.These tags are not there to make them bold or italics, but they give meaning.
And therefore, there is also structure in semantics HTML to give meaning to the content in the whole page, such as headings (
<h1>-<h6>),<header>,<main>,<section>, etc.Semantics HTML also helps people who use screen reader. Because semantics HTML gives context for screen readers.
I hope these help 😊
Well, not really. First,
<b>,<i>,<strong>and<em>have existed since the very first complete drafts of HTML. They're all the same age. HTML5 gave<b>and<i>semantics that they didn't have previously, and the semantics of<em>changed quite subtly, but otherwise nothing changed. What that meant was that if you want semantics-free bold and italics, it's necessary to use CSS:font-weight: boldandfont-style: italicrespectively.Thank you for the clarification! Appreciate it! 😃
Yes, I'm accustomed to use CSS as well if I want to apply bold or italics, also when I need to customize font sizes and untouch the headings 😊