HTM-01600 | What are the , , and elements?
The <em>
element
- The
<em>
HTML element designates text that has stress emphasis. - The
<em>
element can be nested, with each level of nesting indicating a greater degree of emphasis. - The
<em>
element is often used to indicate an implicit or explicit contrast. - The results of the
<em>
element are similar to the<i>
element visually, but they are used for two different purposes. - The
<em>
tag represents stress emphasis of its contents - The
<i>
tag represents text that is set off from the normal prose, such as the name of a movie or book, a foreign word, or when the text refers to the definition of a word instead of representing its semantic meaning.
Click here to view the <em>
element example.
The <i>
element
- The
<i>
element is used to represent a range of text that is set off from the normal text for some reason. - For example
<i>
is used to set apart, technical terms, foreign language phrases, or fictional character thoughts. - If it is intended to typically be displayed in italic type, the
<i>
element is used.
Click here to view the <i>
element example.
The <b>
element
- The
<b>
element is used to stylistically differentiate a span of text from the rest of the text. - It does not have any semantic meaning, does not convey any special importance or relevance, and is typically rendered in boldface.
- Use the
<b>
for cases like keywords in a summary, product names in a review, or other spans of text who typically be boldfaced. - Using the
<b>
element is applicable only when the other tags do not apply. - Do not confuse the
<b>
element with the <strong>, <em>, or <mark> elements. - The
<strong>
element represents text of certain importance. <em>
puts some emphasis on the text- The
<mark>
element represents text of certain relevance. - The
<b>
element doesn’t convey such special semantic information; use it only when no others fit.
Click here to view the <b>
element example.
The <strong>
element
- For new developers, it is easy to confuse when to use
<strong>
and<b>.
It seems easier to just type one character than a whole word, right? - They are both used for two different reasons.
- The
<strong>
element is used in a logical state, and <b> element is used in a physical state. - Logical states separate presentation from the content, and by doing so allow for it to be expressed in many different ways.
- If you need to make a span of text a different color, size, etc, having them semantically separated is helpful versus having them separated physically.
- It makes more sense to change the presentation properties of
<strong>
than it does<b>
.
{post_title}
{post_content}
{associated_insight_resource.post_title}
{associated_insight_resource.resource_link}
{associated_insight_resource.insight_type }