• Menu
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

JavaBeat

Java Tutorial Blog

  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)
  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)

HTML5 Mark Tag

March 12, 2014 //  by Krishna Srinivasan//  Leave a Comment

The <mark> element in HTML5 is used to highlight the specified text. The tag used to defines the marked text which is referenced in another context. In the main text, the highlighted text typically marks text that may be of special relevance for the user’s current activity, like search results. Mark element is different from the other elements <strong> and <em>. <String> element represents the importance of the highlighted word. It doesn’t change the meaning of the word. <em> element emphasis of the selected text. This will change the meaning of the sentence.

However <mark> element represents the run of text in the current document. This actually to bring the attention of user for context of the word used in the different part of the document. This helps in searching the word, etc.

Supported Browsers

<mark> element supported in all modern browsers such as Chrome, FireFox, Opera, Safari…etc. <mark> element doesn’t have any attributes.

Syntax of Mark Tag

<mark>marked text</mark>

Example of <mark> Tag

Following example demonstrates the working of mark element. In this example we marked the JavaBeat.com to highlight to the user. It is highlighted in the green background.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<p>Welcome to the world of Java welcome to <mark style="background-color:green;">JavaBeat.net</mark> Learning site for all IT solutions.</p>
</body>
</html>

Example Application Test

  • Save the file as mark_example.html in your system.
  • Just open the file in the browser, you will see the below picture in the browser. Note that the browser must support HTML5 specification.

Output

When the execution process is completed successfully we will get the following output :
html5_mark

Category: HTMLTag: HTML5

About Krishna Srinivasan

He is Founder and Chief Editor of JavaBeat. He has more than 8+ years of experience on developing Web applications. He writes about Spring, DOJO, JSF, Hibernate and many other emerging technologies in this blog.

Previous Post: « Spring Social 1.1.0 RC1 Released
Next Post: HTML5 Header Tag »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Follow Us

  • Facebook
  • Pinterest

FEATURED TUTORIALS

New Features in Spring Boot 1.4

Difference Between @RequestParam and @PathVariable in Spring MVC

What is new in Java 6.0 Collections API?

The Java 6.0 Compiler API

Introductiion to Jakarta Struts

What’s new in Struts 2.0? – Struts 2.0 Framework

JavaBeat

Copyright © by JavaBeat · All rights reserved
Privacy Policy | Contact