{"id":79114,"date":"2020-07-10T09:00:24","date_gmt":"2020-07-10T03:30:24","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=79114"},"modified":"2024-07-24T16:42:30","modified_gmt":"2024-07-24T11:12:30","slug":"html-emojis","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/html-emojis\/","title":{"rendered":"HTML Emojis – Emoji Characters in HTML"},"content":{"rendered":"

Emojis are digital icons or characters used to express specific feelings or emotions. They have become the medium of subtle communication in the past decade, and thus, HTML5 has new features of including them on our websites. HTML Emojis are not merely images but characters from the UTF-8(Unicode) character set.<\/p>\n

It can therefore be stipulated that the incorporation of emojis in the communication systems has revolutionized both conventional and modern day communication systems. They add some other dimensions of communication that plain text does not contain. Thus, emojis used in web pages can add an element of reality and interaction to the feel of the web developers. This uses a sign language that is recognized by everyone; therefore, it can be used to improve communication in cultures and languages.<\/p>\n

Also, correct HTML character encoding will make all Emojis to display proficiently on various browsers and devices. This is why the strokes should be consistent in order to keep the tone and meaning of the content as was intended. It was established that developers need to know the right numeral representations and direct specifications in order not to face any problems with the display of emojis.<\/p>\n

\"Emojis<\/a>
\nThe first prerequisite of displaying emojis is to add the character set of the HTML document. This is defined in the meta tag of the head.<\/p>\n

<meta charset=\"UTF-8\">\r\n<\/pre>\n
UTF-8 is the default character set of HTML and covers all the characters and symbols.<\/p>\n
There are two ways of specifying emojis in an HTML document-<\/p>\n
1. Direct Specification in HTML<\/h3>\n
Emojis can be directly copied and pasted in an HTML document.
\nYou can use https:\/\/emojipedia.org\/ to get emojis.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <title>Emojis<\/title>\r\n  <style>\r\n    div{\r\n      height: 150px;\r\n      width: 100px;\r\n      border-style: solid; \r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div>\r\n<p id=\"emoji\" style=\"font-size: 40px;\">\ud83c\udf48<\/p>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Output-<\/strong><\/p>\n
\"using<\/a><\/p>\n
2. Numerical Representation of UTF-8 Character in HTML<\/h3>\n
In the UTF-8 character set A is 65, B is 66, C is 67, and so on. These characters are displayed like entities, starting with #&.
\nHere is an example of displaying characters of UTF-8 charset.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<\/head>\r\n<body>\r\n<p>Display A B and C<\/p>\r\n<p>A B and C<\/p>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Output-<\/strong><\/p>\n
\"HTML<\/a><\/p>\n
The codes for A, B, and C are 65, 66, and 67. Here the browsers understand these codes with the entity and renders it correctly.<\/p>\n
HTML Emoji Characters<\/h2>\n
Emojis can also be displayed using the UTF-8 charset. For example,
\n\ud83d\ude0d is 128525
\n\ud83d\udc97 is 128151
\n\ud83d\ude04 is 128516<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<\/head>\r\n<body>\r\n<h1>My Emoji<\/h1>\r\n<p>\ud83d\ude00<\/p>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Output-<\/strong><\/p>\n
\"HTML<\/a><\/p>\n
As we know, emojis are characters. Let us try to style them using CSS.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<\/head>\r\n<body>\r\n<h1>Emojis<\/h1>\r\n<p style=\"font-size:48px\">\r\n \ud83d\ude04 \ud83d\udc97 \ud83d\ude00  \ud83d\ude0d\r\n<\/p>\r\n<\/body>\r\n<\/pre>\n
Output-<\/strong><\/p>\n
\"HTML<\/a><\/p>\n
Following is a list of some HTML Emoji Symbols-<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Char<\/b><\/td>\nDec<\/b><\/td>\nHex<\/b><\/td>\nName<\/b><\/td>\n<\/tr>\n
\ud83d\ude00<\/span><\/td>\n128512<\/span><\/td>\n1F600<\/span><\/td>\nGrinning Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude01<\/span><\/td>\n128513<\/span><\/td>\n1F601<\/span><\/td>\nGrinning Face With Smiling Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude02<\/span><\/td>\n128514<\/span><\/td>\n1F602<\/span><\/td>\nFace With Tears Of Joy<\/span><\/td>\n<\/tr>\n
\ud83d\ude03<\/span><\/td>\n128515<\/span><\/td>\n1F603<\/span><\/td>\nSmiling Face With Open Mouth<\/span><\/td>\n<\/tr>\n
\ud83d\ude04<\/span><\/td>\n128516<\/span><\/td>\n1F604<\/span><\/td>\nSmiling Face With Open Mouth And Smiling Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude05<\/span><\/td>\n128517<\/span><\/td>\n1F605<\/span><\/td>\nSmiling Face With Open Mouth And Cold Sweat<\/span><\/td>\n<\/tr>\n
\ud83d\ude06<\/span><\/td>\n128518<\/span><\/td>\n1F606<\/span><\/td>\nSmiling Face With Open Mouth And Tightly-Closed Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude07<\/span><\/td>\n128519<\/span><\/td>\n1F607<\/span><\/td>\nSmiling Face with Halo<\/span><\/td>\n<\/tr>\n
\ud83d\ude08<\/span><\/td>\n128520<\/span><\/td>\n1F608<\/span><\/td>\nSmiling Face With Horns<\/span><\/td>\n<\/tr>\n
\ud83d\ude09<\/span><\/td>\n128521<\/span><\/td>\n1F609<\/span><\/td>\nWinking Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude0a<\/span><\/td>\n128522<\/span><\/td>\n1F60A<\/span><\/td>\nSmiling Face With Smiling Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude0b<\/span><\/td>\n128523<\/span><\/td>\n1F60B<\/span><\/td>\nFace Savouring Delicious Food<\/span><\/td>\n<\/tr>\n
\ud83d\ude0c<\/span><\/td>\n128524<\/span><\/td>\n1F60C<\/span><\/td>\nRelieved Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude0d<\/span><\/td>\n128525<\/span><\/td>\n1F60D<\/span><\/td>\nSmiling Face With Heart-Shaped Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude0e<\/span><\/td>\n128526<\/span><\/td>\n1F60E<\/span><\/td>\nSmiling Face With Sunglasses<\/span><\/td>\n<\/tr>\n
\ud83d\ude0f<\/span><\/td>\n128527<\/span><\/td>\n1F60F<\/span><\/td>\nSmirking Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude10<\/span><\/td>\n128528<\/span><\/td>\n1F610<\/span><\/td>\nNeutral Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude11<\/span><\/td>\n128529<\/span><\/td>\n1F611<\/span><\/td>\nExpressionless Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude12<\/span><\/td>\n128530<\/span><\/td>\n1F612<\/span><\/td>\nUnamused Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude13<\/span><\/td>\n128531<\/span><\/td>\n1F613<\/span><\/td>\nFace With Cold Sweat<\/span><\/td>\n<\/tr>\n
\ud83d\ude14<\/span><\/td>\n128532<\/span><\/td>\n1F614<\/span><\/td>\nPensive Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude15<\/span><\/td>\n128533<\/span><\/td>\n1F615<\/span><\/td>\nConfused Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude16<\/span><\/td>\n128534<\/span><\/td>\n1F616<\/span><\/td>\nConfounded Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude17<\/span><\/td>\n128535<\/span><\/td>\n1F617<\/span><\/td>\nKissing Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude18<\/span><\/td>\n128536<\/span><\/td>\n1F618<\/span><\/td>\nFace Throwing A Kiss<\/span><\/td>\n<\/tr>\n
\ud83d\ude19<\/span><\/td>\n128537<\/span><\/td>\n1F619<\/span><\/td>\nKissing Face With Smiling Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude1a<\/span><\/td>\n128538<\/span><\/td>\n1F61A<\/span><\/td>\nKissing Face With Closed Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude1b<\/span><\/td>\n128539<\/span><\/td>\n1F61B<\/span><\/td>\nFace With Stuck-Out Tongue<\/span><\/td>\n<\/tr>\n
\ud83d\ude1c<\/span><\/td>\n128540<\/span><\/td>\n1F61C<\/span><\/td>\nFace With Stuck-Out Tongue And Winking Eye<\/span><\/td>\n<\/tr>\n
\ud83d\ude1d<\/span><\/td>\n128541<\/span><\/td>\n1F61D<\/span><\/td>\nFace With Stuck-Out Tongue And Tightly-Closed Eyes<\/span><\/td>\n<\/tr>\n
\ud83d\ude1e<\/span><\/td>\n128542<\/span><\/td>\n1F61E<\/span><\/td>\nDisappointed Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude1f<\/span><\/td>\n128543<\/span><\/td>\n1F61F<\/span><\/td>\nWorried Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude20<\/span><\/td>\n128544<\/span><\/td>\n1F620<\/span><\/td>\nAngry Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude21<\/span><\/td>\n128545<\/span><\/td>\n1F621<\/span><\/td>\nPouting Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude22<\/span><\/td>\n128546<\/span><\/td>\n1F622<\/span><\/td>\nCrying Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude23<\/span><\/td>\n128547<\/span><\/td>\n1F623<\/span><\/td>\nPersevering Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude24<\/span><\/td>\n128548<\/span><\/td>\n1F624<\/span><\/td>\nFace With Look Of Triumph<\/span><\/td>\n<\/tr>\n
\ud83d\ude25<\/span><\/td>\n128549<\/span><\/td>\n1F625<\/span><\/td>\nDisappointed But Relieved Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude26<\/span><\/td>\n128550<\/span><\/td>\n1F626<\/span><\/td>\nFrowning Face With Open Mouth<\/span><\/td>\n<\/tr>\n
\ud83d\ude27<\/span><\/td>\n128551<\/span><\/td>\n1F627<\/span><\/td>\nAnguished Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude28<\/span><\/td>\n128552<\/span><\/td>\n1F628<\/span><\/td>\nFearful Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude29<\/span><\/td>\n128553<\/span><\/td>\n1F629<\/span><\/td>\nWeary Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude2a<\/span><\/td>\n128554<\/span><\/td>\n1F62A<\/span><\/td>\nSleepy Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude2b<\/span><\/td>\n128555<\/span><\/td>\n1F62B<\/span><\/td>\nTired Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude2c<\/span><\/td>\n128556<\/span><\/td>\n1F62C<\/span><\/td>\nGrimacing Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude2d<\/span><\/td>\n128557<\/span><\/td>\n1F62D<\/span><\/td>\nLoudly Crying Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude2e<\/span><\/td>\n128558<\/span><\/td>\n1F62E<\/span><\/td>\nFace With Open Mouth<\/span><\/td>\n<\/tr>\n
\ud83d\ude2f<\/span><\/td>\n128559<\/span><\/td>\n1F62F<\/span><\/td>\nHushed Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude30<\/span><\/td>\n128560<\/span><\/td>\n1F630<\/span><\/td>\nFace With Open Mouth And Cold Sweat<\/span><\/td>\n<\/tr>\n
\ud83d\ude31<\/span><\/td>\n128561<\/span><\/td>\n1F631<\/span><\/td>\nFace Screaming In Fear<\/span><\/td>\n<\/tr>\n
\ud83d\ude32<\/span><\/td>\n128562<\/span><\/td>\n1F632<\/span><\/td>\nAstonished Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude33<\/span><\/td>\n128563<\/span><\/td>\n1F633<\/span><\/td>\nFlushed Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude34<\/span><\/td>\n128564<\/span><\/td>\n1F634<\/span><\/td>\nSleeping Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude35<\/span><\/td>\n128565<\/span><\/td>\n1F635<\/span><\/td>\nDizzy Face<\/span><\/td>\n<\/tr>\n
\ud83d\ude36<\/span><\/td>\n128566<\/span><\/td>\n1F636<\/span><\/td>\nFace Without Mouth<\/span><\/td>\n<\/tr>\n
\ud83d\ude37<\/span><\/td>\n128567<\/span><\/td>\n1F637<\/span><\/td>\nFace With Medical Mask<\/span><\/td>\n<\/tr>\n
\ud83d\ude41<\/span><\/td>\n128577<\/span><\/td>\n1F641<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83d\ude42<\/span><\/td>\n128578<\/span><\/td>\n1F642<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83d\ude43<\/span><\/td>\n128579<\/span><\/td>\n1F643<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83d\ude44<\/span><\/td>\n128580<\/span><\/td>\n1F644<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd10<\/span><\/td>\n129296<\/span><\/td>\n1F910<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd11<\/span><\/td>\n129297<\/span><\/td>\n1F911<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd12<\/span><\/td>\n129298<\/span><\/td>\n1F912<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd13<\/span><\/td>\n129299<\/span><\/td>\n1F913<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd14<\/span><\/td>\n129300<\/span><\/td>\n1F914<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd15<\/span><\/td>\n129301<\/span><\/td>\n1F915<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd20<\/span><\/td>\n129312<\/span><\/td>\n1F920<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd21<\/span><\/td>\n129313<\/span><\/td>\n1F921<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd22<\/span><\/td>\n129314<\/span><\/td>\n1F922<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd23<\/span><\/td>\n129315<\/span><\/td>\n1F923<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd24<\/span><\/td>\n129316<\/span><\/td>\n1F924<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd25<\/span><\/td>\n129317<\/span><\/td>\n1F925<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd27<\/span><\/td>\n129319<\/span><\/td>\n1F927<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd28<\/span><\/td>\n129320<\/span><\/td>\n1F928<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd29<\/span><\/td>\n129321<\/span><\/td>\n1F929<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2a<\/span><\/td>\n129322<\/span><\/td>\n1F92A<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2b<\/span><\/td>\n129323<\/span><\/td>\n1F92B<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2c<\/span><\/td>\n129324<\/span><\/td>\n1F92C<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2d<\/span><\/td>\n129325<\/span><\/td>\n1F92D<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2e<\/span><\/td>\n129326<\/span><\/td>\n1F92E<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\udd2f<\/span><\/td>\n129327<\/span><\/td>\n1F92F<\/span><\/td>\n<\/td>\n<\/tr>\n
\ud83e\uddd0<\/span><\/td>\n129488<\/span><\/td>\n1F9D0<\/span><\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Summary<\/h2>\n
Emojis have become a prevailing mode of communication in recent times, so incorporating them into our web-page has become important. HTML 5, along with its UTF-8 charset, is used to display emojis in an HTML web-page. In this article, we\u2019ve discussed the ways of inserting emojis and looked at some common codes for them. Emojis can be inserted in two ways, by directly copy-pasting and using the numerical representation of UTF-8 charset.<\/p>\n","protected":false},"excerpt":{"rendered":"
Emojis are digital icons or characters used to express specific feelings or emotions. They have become the medium of subtle communication in the past decade, and thus, HTML5 has new features of including them...<\/p>\n","protected":false},"author":10,"featured_media":79180,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22400],"tags":[22582,22581,22580],"class_list":["post-79114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html-emoji-characters","tag-html-emoji-symbol","tag-html-emojis"],"yoast_head":"\nHTML Emojis - Emoji Characters in HTML - DataFlair<\/title>\n<meta name=\"description\" content=\"Learn what are HTML Emojis and ways of specifying emojis in an HTML document- Direct Specification, Numerical Representation of UTF-8 Character, HTML Emoji Characters\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/html-emojis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Emojis - Emoji Characters in HTML - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Learn what are HTML Emojis and ways of specifying emojis in an HTML document- Direct Specification, Numerical Representation of UTF-8 Character, HTML Emoji Characters\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/html-emojis\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-10T03:30:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-24T11:12:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Emojis - Emoji Characters in HTML - DataFlair","description":"Learn what are HTML Emojis and ways of specifying emojis in an HTML document- Direct Specification, Numerical Representation of UTF-8 Character, HTML Emoji Characters","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/html-emojis\/","og_locale":"en_US","og_type":"article","og_title":"HTML Emojis - Emoji Characters in HTML - DataFlair","og_description":"Learn what are HTML Emojis and ways of specifying emojis in an HTML document- Direct Specification, Numerical Representation of UTF-8 Character, HTML Emoji Characters","og_url":"https:\/\/data-flair.training\/blogs\/html-emojis\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2020-07-10T03:30:24+00:00","article_modified_time":"2024-07-24T11:12:30+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33"},"headline":"HTML Emojis – Emoji Characters in HTML","datePublished":"2020-07-10T03:30:24+00:00","dateModified":"2024-07-24T11:12:30+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/"},"wordCount":765,"commentCount":1,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg","keywords":["HTML Emoji Characters","HTML Emoji Symbol","HTML Emojis"],"articleSection":["HTML Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/html-emojis\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/","url":"https:\/\/data-flair.training\/blogs\/html-emojis\/","name":"HTML Emojis - Emoji Characters in HTML - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg","datePublished":"2020-07-10T03:30:24+00:00","dateModified":"2024-07-24T11:12:30+00:00","description":"Learn what are HTML Emojis and ways of specifying emojis in an HTML document- Direct Specification, Numerical Representation of UTF-8 Character, HTML Emoji Characters","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/html-emojis\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/Emojis-in-HTML-df.jpg","width":1200,"height":628,"caption":"Emojis in HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/html-emojis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"HTML Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/html\/"},{"@type":"ListItem","position":3,"name":"HTML Emojis – Emoji Characters in HTML"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"The DataFlair Team is passionate about delivering top-notch tutorials and resources on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. With expertise in the tech industry, we simplify complex topics to help learners excel. Stay updated with our latest insights.","url":"https:\/\/data-flair.training\/blogs\/author\/dfadteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=79114"}],"version-history":[{"count":6,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79114\/revisions"}],"predecessor-version":[{"id":142881,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79114\/revisions\/142881"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/79180"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=79114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=79114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=79114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}