Difference between i and em tag in html

Difference between i and em tag in html

There are two tags available in HTML to make text italic. The first is <i> tag and second is <em> tag both the tags make text italic, but there is little bit difference between them, mostly beginners confused to identify which one to use. So here we will see the difference. 

1.<i> tag:  <i> tag is formatting tag of html. It is used to make text italic. It is used when you want to highlight particular word or sentence.

 Example:

<!DOCTYPE html>
<html>
<body>
<p>
This is an advanced Web Design & Development <i>course offered by</i> one of the Best web design institutes in Rohini,
which aims to prepare you for the needs of a modern web design & development industry.
This course is well suited for professionals and
freshers who are looking for a career in the IT Industry. The course curriculum has been prepared
with experts and designers working in leading web design companies and MNCs.
</p>
</body>
</html>

 

Here in this example,couse offered by is italic to highlight only. It is not an important word and  it is not a keyword, so we should use the <i> tag for such kind of text. 

2.<em>tag: <em> tag is used to make text italic. It is used in digital marketing to italic some keyword or an important word which is helpul for digital marketing purposes.

Example:

<!DOCTYPE html>
<html>
<body>
<p>
This is an advanced <em>Web Design & Development course</em> offered by one of the <em>Best web design institutes in Rohini</em>,
which aims to prepare you for the needs of a modern web design & development industry.
This course is well suited for professionals and
freshers who are looking for a career in the IT Industry. The course curriculum has been prepared
with experts and designers working in leading web design companies and MNCs.
</p>
</body>
</html>

Here in this example, the Web Design & Development Course is a keyword, and Best Web Design Institute in Rohini is the keyword. When you have to target any word for digital marketing purposes, you should have to use <em> tag instead of <i> tag.

In Design Point of view both tag behaves like similar but in digital marketing point of view <em> tag is best.

 

 

Categories: web designing html

Trending Courses

CodeIgniter

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Advance Digital Marketing

Regular : 6 Months

Fastrack : 3 Months

Crash : 2 Months

React JS

Regular : 45 Days

Fastrack : 25 Days

Crash : 15 Days

Laravel

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Front End Developer

Regular : 6 Months

Fastrack : 4 Months

Crash : 2 Months

Request For Demo