Front-end Tutorials

Front-end Tutorials

HTMLCSSSassJavaScriptReactJS
CMS Tutorials

CMS Tutorials

WordPress
Tutorials expand

HTML Entity | Macron

Posted in HTML Tutorial
Updated on Feb 26, 2024
By Mari Selvan
👁️ 14 - Views
⏳ 4 mins
💬 1 Comment
HTML Entity Macron

Photo Credit to CodeToFun

Quick Reference

Let's have a look at HTML Entity Macron in a Table View.

NameValue
unicodeU+00304
hex codē
html codē
html entity-
css code\00304

📄 Example

The following example will demonstrate how to use Macron using Hexa Decimal, HTML Code, HTML Entity and CSS Entity.

For a complete reference, go to our HTML Entities.

entity.html
Copied
Copy To Clipboard
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00304";
  }
 </style>
</head>
<body>

<p>Macron using Hexa Decimal: &#x0304;</p>
<p>Macron using HTML Code: &#772;</p>
<p id="point">Macron using CSS Entity: </p>

</body>
</html>

💻 Output

When you render the HTML code provided above, it will display the following output:

Output
Macron using Hexa Decimal: ̄
Macron using HTML Code: ̄
Macron using CSS Entity: ̄

✔ Conclusion:

Understanding and using HTML entities is fundamental for creating well-formatted, accessible web content. Whether you need to display special characters or ensure proper rendering of reserved symbols, HTML entities provide a standardized solution.

🤯 Fun Fact

Logo

Did you Know?

With over 1500 HTML entities available to date, please click here to explore the complete list of HTML entities.

👨‍💻 Join our Community:

To get interesting news and instant updates on Front-End, Back-End, CMS and other Frameworks. Please Join the Telegram Channel:

Author

author
👋 Hey, I'm Mari Selvan

For over eight years, I worked as a full-stack web developer. Now, I have chosen my profession as a full-time blogger at codetofun.com.

Buy me a coffee to make codetofun.com free for everyone.

Buy me a Coffee

Share Your Findings to All

Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mari Selvan
Mari Selvan
4 months ago

If you have any doubts regarding this article (HTML Entity | Macron), please comment here. I will help you immediately.

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy
AgreeCookie Policy