HTML: <em> tag
This HTML tutorial explains how to use the HTML element called the <em> tag with syntax and examples.
Description
The HTML <em> tag marks text that has stress emphasis which traditionally means that the text is displayed in italics by the browser. This tag is also commonly referred to as the <em> element.
Syntax
In HTML, the syntax for the <em> tag is:
<body> <p><em>Stress emphasized text goes here</em></p> </body>
Attributes
Only the Global Attributes apply to the <em> tag. There are no attributes that are specific to the <em> tag.
Note
- The HTML <em> element is found within the <body> tag.
- The <em> tag is used to separate the text from the rest of the content. Browsers traditionally italicize the text found within the <em> tag. You can change this behavior with CSS.
Browser Compatibility
The <em> tag has basic support with the following browsers:
- Chrome
- Android
- Firefox (Gecko)
- Firefox Mobile (Gecko)
- Internet Explorer (IE)
- IE Phone
- Opera
- Opera Mobile
- Safari (WebKit)
- Safari Mobile
Example
We will discuss the <em> tag below, exploring examples of how to use the <em> tag in HTML 5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.
HTML 5 Document
If you created a new web page in HTML 5, your <em> tag might look like this:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML 5 Example by www.techonthenet.com</title> </head> <body> <h1>Heading 1</h1> <p>We want to stress emphasize <em>this text</em>.</p> </body> </html>
In this HTML 5 Document example, we have created an <em> tag that encloses the text "this text". Your browser, by default, will display "this text" as italicized text. You can overwrite this behavior with CSS.
HTML 4.01 Transitional Document
If you created a new web page in HTML 4.01 Transitional, your <em> tag might look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>HTML 4.01 Transitional Example by www.techonthenet.com</title> </head> <body> <h1>Heading 1</h1> <p>We want to stress emphasize <em>this text</em>.</p> </body> </html>
In this HTML 4.01 Transitional Document example, we have created an <em> tag that encloses the text "this text". Your browser, by default, will display "this text" as italicized text. You can overwrite this behavior with CSS.
XHTML 1.0 Transitional Document
If you created a new web page in XHTML 1.0 Transitional, your <em> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>XHMTL 1.0 Transitional Example by www.techonthenet.com</title> </head> <body> <h1>Heading 1</h1> <p>We want to stress emphasize <em>this text</em>.</p> </body> </html>
In this XHTML 1.0 Transitional Document example, we have created an <em> tag that encloses the text "this text". Your browser, by default, will display "this text" as italicized text. You can overwrite this behavior with CSS.
XHTML 1.0 Strict Document
If you created a new web page in XHTML 1.0 Strict, your <em> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>XHTML 1.0 Strict Example by www.techonthenet.com</title> </head> <body> <h1>Heading 1</h1> <p>We want to stress emphasize <em>this text</em>.</p> </body> </html>
In this XHTML 1.0 Strict Document example, we have created an <em> tag that encloses the text "this text". Your browser, by default, will display "this text" as italicized text. You can overwrite this behavior with CSS.
XHTML 1.1 Document
If you created a new web page in XHTML 1.1, your <em> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>XHTML 1.1 Example by www.techonthenet.com</title> </head> <body> <h1>Heading 1</h1> <p>We want to stress emphasize <em>this text</em>.</p> </body> </html>
In this XHTML 1.1 Document example, we have created an <em> tag that encloses the text "this text". Your browser, by default, will display "this text" as italicized text. You can overwrite this behavior with CSS.
No comments:
Post a Comment