I'm Salman Rahman

How to Use Character Entities in CSS, HTML and JavaScript

Sometimes, when using scripts, we must write special characters like accents by using a special set of codes called character entities. Howe...

Sometimes, when using scripts, we must write special characters like accents by using a special set of codes called character entities. However, these don't always look good or we get a question mark or other strange symbols. Usually, this is solved if the character encoding is done right but the logic may not always work.

In Blogger, special characters most of the time appear correctly, but when it is about other services, like external files, things can get complicated.

For example, this usually looks good and when you click on this link, you should see the letters in the right way:
alert(" á é í ó ú  ☺ ✛ ❤ ");
If we are trying to use other method and we want to use this type of characters, sometimes we need to write them in a special format called escape sequence which is nothing but a backslash followed by a letter and a number in hexadecimal format. In the case of common characters or accents, it would be \x followed by two hex digits:
\xe1 is the letter á
\xe9 is the letter é
\xed is the letter í
\xf3 is the letter ó
\xfa is the letter ú
Other combinations generate special characters:
\n is a line break
\t is the tab character
\' is single quote
\" is double quote
\\ is a back slash
Or we can use \u followed by the Unicode character code expressed as four hexadecimal digits:
\u00e1 is the letter á
\u00e9 is the letter é
\u00ed is the letter í
\u00f3 is the letter ó
\u00fa is the letter ú
This will allow us to see correctly what we couldn't before if we were using some other services:
alert(" \u263a \u2764 \u271b ");
On this page you can find a comprehensive list of all the characters, both symbols and different alphabets.

Although rare characters are not often used in the CSS, there is a case when they are necessary as well, like when using the content property with the :after and :before pseudo-elements.

The same criteria applies there, but we only need to add a backslash followed by the four-digit hexadecimal code. For example:
content: ":\24d1\24d4\24d5\24de\24e1\24d4";

content: ":after  \263a  \2724  \2602";
:ⓑⓔⓕⓞⓡⓔ
:after ☺ ✤ ☂

Remember that IE doesn't understand the :before pseudoclass with content, and you would have to set the list-style-type property as none, or you would get 2 bullets in CSS compliant browsers.

COMMENTS

Name

12 months seo strategy,1,2018 elections,2,Aaron Rodgers,1,abortion,1,actors,1,Adam Liptak,1,adsense,7,adsense optimization,2,adsense tips,3,advertising,3,Affiliate Marketing,1,aging,2,airplanes,2,Al Franken,1,Alito,1,Althouse + Meade,1,analogies,4,Anderson Cooper,1,Andrew Dice Clay,1,Android,1,Annie Lowrey,1,Anthony Weiner,1,apologies,2,Apple,1,Apple News,1,Apple Watch,1,Ariana Grande,3,art,1,art and politics,1,avocado,1,backlinks,2,bad art,1,bad science,2,bananas,1,baseball,1,Basquiat,1,BEGINNER GUIDES,1,Beginner to blogging,14,beginner's guide,4,Beginners Guide,1,Ben Carson,1,Ben Sasse,2,Berkeley Breathed,1,biking,1,Bill Cosby,1,Bill Murray,1,Bing webmaster tools tutorials,2,birth control,1,blog commenting,1,Blog Design,59,blogger,6,blogger adsense,3,Blogger menus,10,blogger pages,4,blogger posts,11,Blogger Seo(Search Engine Optimization,19,Blogger Tips And Tricks,32,Blogger Widgets And Gadgets,30,Blogging,10,Bob Woodward,1,body parts,1,body-slamming,5,books,4,boredom,3,Boston bombing,1,brain,1,bras,1,breasts,2,Breivik,1,Bret Weinstein,1,BuzzFeed,1,campaign finance,1,camping,1,capitalism,1,careers,1,censorship,1,Chaplin,1,charity,1,Charles Murray,1,Cher,1,chess,1,children,2,China,3,Chris Cornell,2,Chris Cuomo,1,Christianity,1,Clarence Thomas,1,click bombing,1,Clint Eastwood,1,Cloud,5,Cloud Backup,5,Cloud Storage,5,coffee,1,coinages,1,comedy,4,Comey,12,comic juxtapositions,1,comics,1,Comments,9,commerce,2,communism,2,computers,2,conspiracies,1,Content Marketing,6,conversation,1,courage,1,crazy,1,crime,2,css,28,custom domain,2,dancing,3,dead,1,death,2,debates,1,Definitive Guide of Magento SEO,1,Democratic Party in Trumpland,2,diversity politics,1,dogs,3,Domains / Blogger,1,Down Syndrome,1,drugs,2,Drupal,1,Dylan,2,earn money blogging,16,eCommerce,1,eCommerce Trends,1,economics,1,EDH,1,education,2,Edward Albee,1,Egypt,1,el-Sisi,1,elephant,1,Elizabeth Taylor,1,Emma Stone,1,emotion,1,emotional politics,1,Entrepreneurship,1,ENTREPRENEURSHIP &STARTUP,1,environmentalism,1,Ethical Backlinking Methods,2,ethics,1,etiquette,1,evidence,1,evil,1,excrement,1,Expert Roundup,3,Face the Nation,1,Facebook,6,Facebook widgets in blogger,5,fake,3,fake news,2,fashion,5,fat,1,FBI,2,feminism,6,fingernails,1,fire,1,firebug,1,Firefox OS,1,fish,1,flowers,9,font awesome,1,Foucault,1,Fox News,2,France,1,Frank Lloyd Wright,1,free schedule social media posts,1,free speech,5,Freebies,1,freedom,2,Freelance Tips,5,furniture,1,gender difference,2,gender politics,1,genitalia,2,geology,1,George Carlin,1,Germany,2,gestures,3,ghost,1,Gianforte,2,global warming,1,God,1,Googe Doodle,1,Google,5,Google Ad Planner,1,Google AdWords,1,Google Algorithm,4,Google Announcements,2,Google Authorship Program,1,Google backlinks strategies,4,Google Dance,1,Google Maps,1,Google Optimize,1,Google PageRank,2,Google Panda Update,1,Google Places,2,google plus,5,Google Queen Doodle,1,Google rich snippets blogger,1,Google Search Engine Optimization,1,Google Webmaster tools,2,Google Webmaster Tools tutorials,9,Google's Penguin update,3,Google+ Custom URL,1,Google+ Events,1,Google+ Local,3,Google+ Places,1,Grace Kelly,1,Gretchen Carlson,1,hairstyles,1,Harvard,1,hats,1,headlines,3,health,2,hearsay,1,Hillary 2016,3,Hillary goes away,1,hipsters,2,history,1,Hitchcock,1,hombre,1,homepage,1,hot,1,how to,55,HTC,1,html,3,hypocrisy,2,I am making a new tag for this,1,I'm not making a tag for this,1,I'm skeptical,2,Image Effects,13,impeachment,2,India,2,Infographic,1,insanity,1,insects,2,instagram,3,Instapundit,3,insults,3,Internet Marketing,11,Internet.org,1,invalid clicks,1,Iran,1,irony,1,ISIS,3,Islam,2,Israel,3,iwatch,1,Jackie Kennedy,1,Jake Tapper,1,James Bond,1,James Hamblin,1,Japan,1,Jared Kushner,1,javascript,10,Jerusalem,1,Jesse Singal,1,Jesse Ventura,1,Jesus,1,Jia Tolentino,1,Jimmy Fallon,1,JK Rowling,1,Joe Scarborough,1,John Belushi,1,John Dickerson,2,John Glenn,1,Jonathan Turley,1,journalism,4,jQuery,16,Julian Assange,2,Karl Marx,3,Kellyanne Conway,1,Kerry,1,kissing,1,labels,2,labor,2,Lake Monona,1,language,4,law,18,lawyers,1,laziness,1,LePage,1,LG,1,Lieberman,1,Link schemes,1,litigiousness,1,Local Search Optimization,1,Local SEO,6,Loretta Lynch,1,lying,1,Madison,2,Magento,1,Magento SEO,1,Magento SEO Guide,1,Maine,1,Make Money Onile,1,MAKE MONEY ONLINE,6,Manafort,1,Marketing Strategies,4,marriage,1,masculine beauty,1,masculinity,2,Matt Taibbi,1,Matthew Sablan,1,Maurice Sendak,1,McMaster,1,Media Buying,1,Megyn Kelly,1,Melania,5,men in shorts,1,menstruation,2,menus,7,Meryl Streep,1,Meta Robots,1,Meta Tag,2,metaphor,2,Michael Flynn,1,Michelle O,1,Mika Brzezinski,1,Mike Pence,1,MisterBuddwing,1,Mitt Romney,1,Mobile,7,Mobile Blogging,13,Mobile Marketing,3,Mobile Search,1,Molly Ball,1,montana,1,morality,1,Motorola or Sony,1,movies,4,Mozilla,1,Mozilla Mobile,1,Mozilla OS,1,MSM reports what's in social media,1,Mueller,2,murder,3,music,4,names,1,Navigation,5,navigation menu,5,Nazis,2,nervous,2,News,2,Nixon,1,normal,3,North Carolina,1,nyt,2,Obama and foreign policy,1,oDesk Tips,1,OED,1,order and chaos,1,PageSpeed,1,Paglia,1,partisanship,1,pasta,1,Paul Anka,1,Paul Theroux,2,Paul Zrimsek,1,Peggy Noonan,1,perfume,1,Peter Pan,1,Phillippe Reines,1,philosophy,3,photography,10,photoshopping,2,PHYSICS,1,Pierre Bayard,1,plants,2,political correctness,2,polyamory,1,Pope,2,popular posts,5,posts,11,poverty,1,PPC,1,President Trump,8,Prince,1,propaganda,2,protest,2,psychology,5,Putin,1,race and education,1,race and law,1,race and pop culture,1,race consciousness,1,racial politics,1,Ramesh Ponnuru,1,rape,3,Rebecca Traister,1,recent comments,1,recent posts,3,Reddit,1,redistricting,1,Reince Priebus,1,rel=author,1,related posts,3,Related posts widget blogger,7,relationships,3,religion and government,4,religious garb,2,RFRA,1,rhetoric,1,Rich Snippets,1,Richard Spencer,1,Rick Lee,1,Ricky Gervais,1,Robert Heinlein,1,Robin Givhan,2,robots,2,Robots.txt,1,Roger Ailes,2,Roger Kimball,1,Rupert Murdoch,1,Russia,4,Ryan Gosling,1,Safe Browsing,1,Samsung,1,Sarah Huckabee Sanders,1,Sarah Vowell,1,Saudi Arabia,4,schedule social media posts,1,schedule social media posts app,1,schedule your social media posts,1,SCIENCE,2,science fiction,1,Scott Walker,1,sculpture,3,Sean Spicer,1,Search Engine Optimization tips,1,seen and unseen,1,Semantic Markup,1,SEO,43,SEO Backlinks,4,SEO Best Practices,1,SEO Contest 2012,1,SEO Olympics 2012,1,SEO Resources,1,SEO Services,2,SEO Specialist,2,seo tips,4,SEO Tool,1,Seth Rich,1,sexting,1,sexual harassment,1,signs,2,sitemap,2,slavery,1,slideshows,3,smiling,1,SMM,5,SNL,2,social buttons blogger,6,social media,10,social media plugins,4,spelling,1,Startups,1,statcounter,1,static pages,2,strange medical condition,1,stupid,2,suicide,1,sun,1,Supreme Court,1,surgery,1,survival,2,Talking Heads,1,technology,3,Templates,1,terrorism,7,Tesla,1,the Alt-Right,1,the Althouse comments community,1,The Future,1,The Lightning Seeds,1,the paradox of choice,1,The Simpsons,1,theater,1,these kids today,1,things,1,things are not what they seem,3,things not believed,1,things that won't work,1,Thomas Friedman,1,threaded comments,3,Tillerson,2,tiny house,1,Tips and Tricks,2,too many rules,1,tools,9,tools to schedule social media posts,1,travel,4,treason,1,trees,1,trolls,1,trucks,1,Trump and foreign policy,4,Trump and immigration,2,Trump and pop culture,4,Trump and religion,2,Trump and the law,1,Trump and the press,3,Trump derangement syndrome,5,Trump economics,2,Trump rhetoric,7,Trump scandals,2,Trump troubles,5,Trump's Congress,2,Trump's masculinity,1,Twitter,2,UK,1,unfair sentence,2,University of Wisconsin,1,unsaid things,1,urban planning,1,Vanessa Friedman,1,viral video,1,Volokh,1,WaPo,3,Wasserman Schultz,1,Web Programming,1,Website Design,2,Website Promotion,11,welfare,1,what Trump did to the GOP,2,whiteness,1,Widgets,48,wikileaks,2,Wikipedia,2,Wilbur Ross,1,Win iPhone 4S,1,Winston Churchill,1,Wisconsin,1,Witte,1,women's magazines,1,Woody Allen,1,WORDPRESS,6,WordPress Security,1,wrestling,1,writing,2,Yale,1,Yandex webmaster tools tutorials,1,Yelp,2,Young Althouse,1,
ltr
item
shoutdemy: How to Use Character Entities in CSS, HTML and JavaScript
How to Use Character Entities in CSS, HTML and JavaScript
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7GVSLVM4GZGhH3PgQMrqj9STFRTaB6p_OSA_z7q0sPjOF_bPCmebpmnWLBX2f2w8jsBvdmTsQmPW-Rpdj9NBOpqd17qqR_sNsi5y3Y6JKRDonTVGsmDNNEur9saoi7MmlDwd32GhuMJq/s1600/use-character-entities-in-css-html-javascript.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7GVSLVM4GZGhH3PgQMrqj9STFRTaB6p_OSA_z7q0sPjOF_bPCmebpmnWLBX2f2w8jsBvdmTsQmPW-Rpdj9NBOpqd17qqR_sNsi5y3Y6JKRDonTVGsmDNNEur9saoi7MmlDwd32GhuMJq/s72-c/use-character-entities-in-css-html-javascript.png
shoutdemy
https://shoutdemy.blogspot.com/2013/12/how-to-use-character-entities-in-css.html
https://shoutdemy.blogspot.com/
https://shoutdemy.blogspot.com/
https://shoutdemy.blogspot.com/2013/12/how-to-use-character-entities-in-css.html
true
9098016970842013807
UTF-8
Loaded All Posts Not found any posts VIEW ALL READ MORE Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy