HTML 5 is the latest version of the HyperText Markup Language used to create content for the internet. It introduced several new semantic elements that provide meaningful and structured information about the content on a web page.
In this article, we'll dive into four HTML 5 tags: <em>, <strong>, <dfn>, and <code>. We'll explain what they are, how they work, and how you can use them to improve your web pages.
The Tag
The <em> tag is short for emphasis, which means that it is used to emphasize text. By default, it italicizes the text enclosed within it. However, its primary purpose is to convey emphasis to screen readers and other assistive technologies that help users with disabilities navigate websites.
Here's an example of how you can use the <em> tag in your code:
<p>The <em>quick</em> brown fox jumps over the lazy dog.</p>
In this example, the word "quick" is emphasized by being displayed in italics.
The Tag
The <strong> tag is used to indicate strong importance or urgency. By default, it bolds the text enclosed within it. Like the <em> tag, it also conveys meaning to assistive technology users.
Here's an example of how you can use the <strong> tag in your code:
<p><strong>Warning:</strong> This website contains flashing images that may trigger seizures in people with epilepsy.</p>
In this example, the word "Warning" is displayed in bold to draw attention to the cautionary statement.
The <dfn> Tag
The <dfn> tag is short for "definition". It is used to mark up terms that are defined on a page. By default, it italicizes the text enclosed within it.
Here's an example of how you can use the <dfn> tag in your code:
<p>The <dfn>World Wide Web</dfn> is a system of interlinked hypertext documents accessed via the internet.</p>
In this example, the term "World Wide Web" is italicized and marked up with the <dfn> tag to indicate that it is being defined on the page.
The Tag
The <code> tag is used to mark up computer code. By default, it displays the enclosed text using a monospace font. This makes it easy to distinguish code from regular text.
Here's an example of how you can use the <code> tag in your code:
<p>To print "Hello, world!" in JavaScript, use the following code:<br><code>console.log("Hello, world!");</code></p>In this example, the JavaScript code is marked up with the <code> tag to distinguish it from the rest of the text.
Conclusion
The <em>, <strong>, <dfn>, and <code> tags are valuable tools for improving the structure and accessibility of your web pages. By using them correctly, you can make your content more meaningful and easier to understand for all users.
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/154
