Most common HTML entities you will use
1 min read
Prequisite:
- Simple basic understanding of HTML
When writing in HTML, you have to follow the conventional tag structure and its keyword characters, and the same goes along with some other framework languages too, such as React, which writes similar to HTML tag structure. But what if you want to use some of the very same tags or the keywords within your document. For example, let's say you would like to display this <span>hello</span> tag within your UI. That is where it can become tricky. Because HTML uses the opening and closing tag as a special keyword character, and it will convert it. This is where HTML entities come in. They are a set of encodes which allow you to write anything within your UI. There are literally hundreds of them, but here is a list of the most common ones you will likely be using often.
// Most useful HTML entities/ = / (Forward slash)! = ! (Exclamation mark)( = ( (Open parenthesis)) = ) (Close parenthesis), = , (Comman): = : (Colon); = ; (Semi-colon)? = ? (Question mark)[ = [ (Open bracket)] = ] (Close bracket)\ = \ (Back slash)_ = _ (underscore){ = { (Open curly brace)} = } (Close curly brace)| = | (Pipe)  = (Empty space)‐ = ‐ (Hyphen)" = " (Double quote)' = ' (Single quote)` = ` (Grave accent)+ = + (Plus)− = − (Minus)= = = (Equal)< = < (Less than)> = > (Greater than)% = % (Percentage)∗ = ∗ (Asterisk)