
Introduction

Emojis are the easiest way to express the emotions more quickly than the words and we are using numerous emojis everyday in social media or in personal messages.

When we come to the internet world, we are displaying these emojis with the help of ASCII code and it is not that easy to remember because it's a mix of numeric and special characters.

Let's see some samples I have for you.

<div class="table-container">
<div class="table-basic">
<table><th>
Emoji
</th>
<th>
Code
</th><th>
Description
</th>
<tr>
<td> &#9749; </td><td> &amp;#9749;</td> <td>Hot beverage Emoji</td>
</tr>

<tr><td>	 &#128293; 	</td><td>		 &amp;#128293; 	</td><td>Fire Emoji</td></tr>
<tr><td>	 &#127919; 	</td><td>		 &amp;#127919; 	</td><td>Direct Emoji</td></tr>
<tr><td>	 &#128640; 	</td><td>		 &amp;#128640; 	</td><td>Rocket Emoji</td></tr>
<tr><td>	 &#128077; 	</td><td>		 &amp;#128077; 	</td><td>Thumps Up sign Emoji</td></tr>
<tr><td>	 &#128170; 	</td><td>		 &amp;#128170; 	</td><td>Flexed biceps Emoji</td></tr>
<tr><td>	 &#128150; 	</td><td>		 &amp;#128150; 	</td><td>sparkling heart Emoji</td></tr>
<tr><td>	 &#128512; 	</td><td>		 &amp;#128512; 	</td><td>Grinning face Emoji</td></tr>
<tr><td>	 &#128513; 	</td><td>		 &amp;#128513; 	</td><td>Grinning face with smiling eyes Emoji</td></tr>
<tr><td>	 &#128520; 	</td><td>		 &amp;#128520; 	</td><td>smiling face with horns Emoji</td></tr>
<tr><td>	 &#128519; 	</td><td>		 &amp;#128519; 	</td><td> Smiling Face with Halo Emoji</td></tr>
<tr><td>	 &#128525; 	</td><td>		 &amp;#128525; 	</td><td>Smiling Face with Heart-Eyes Emoji</td></tr>
<tr><td>	 &#128526; 	</td><td>		 &amp;#128526; 	</td><td> Smiling Face with Sunglasses Emoji</td></tr>
<tr><td>	 &#129297; 	</td><td>		 &amp;#129297; 	</td><td> Money-Mouth Face Emoji</td></tr>
<tr><td>	 &#8986; 	</td><td>		 &amp;#8986; 	</td><td>Watch Emoji</td></tr>
<tr><td>	 &#8987; 	</td><td>		 &amp;#8987; 	</td><td>Hourglass Emoji</td></tr>
<tr><td>	 &#9989; 	</td><td>		 &amp;#9989; 	</td><td>White Heavy Check Mark Emoji</td></tr>
<tr><td>	 &#9757; 	</td><td>		 &amp;#9757; 	</td><td>White Heavy Check Mark Emoji</td></tr>
<tr><td>	 &#9994; 	</td><td>		 &amp;#9994; 	</td><td>Raised Fist Emoji</td></tr>
<tr><td>	 &#9996; 	</td><td>		 &amp;#9996; 	</td><td> Victory Hand Emoji</td></tr>
<tr><td>	 &#9997; 	</td><td>		 &amp;#9997; 	</td><td> Writing Hand Emoji</td></tr>
<tr><td>	 &#127757; 	</td><td>		 &amp;#127757; 	</td><td> Earth Globe Europe-Africa Emoji</td></tr>
<tr><td>	  &#127774; 	</td><td>		  &amp;#127774; 	</td><td>Sun with Face Emoji</td></tr>
<tr><td>	 &#127769; 	</td><td>		 &amp;#127769; 	</td><td>Crescent Moon emoji</td></tr>
</table>
</div>
</div>


we are displaying these emojis with the help of ASCII code and it is not that easy to remember because its a mix of  numeric and special characters.

How to insert emojis to the html page

Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents.

## **Problem statement**
 When [parsing the markdown file](How-to-read-markdown-file-in-read) to HTML the ID attribute is missing. Because of this the developers are facing lot of problem like events are not firing and other logical issues.

E.g:-

content in .md file
```md
## Problem ID
```
After parsing to HTML
```html
<h2>Problem ID</h2>
```
But what we expected is
```html
<h2 id="given id">Problem ID</h2>
```
Honestly, currently this is not possible in markdown file when parsing to HTML. Because it is out of scope in the markdown file.
## **Then how we can add the ID attribute to the HTML element while using .md or markdown file?**
Markdown is very developer friendly. because it given other option to solve this issue, we can write the HTML syntax directly to the markdown file. It will parse accordingly.

E.g.:-
content in .md file
```markdown
<h2 id="007">Problem ID</h2>
```
After parsing to HTML
```html
<h2 id="007">Problem ID</h2>
```
I hope this is helpful for the fix. As of now this is one type solution to fix it. Lets see for the markdown file future updates.


There is a common problem when parsing the markdown file the ID attribute is missing in the element, here we found a solution to fix/overcome

More Stories related to 'html'

Also read the similar topics