{"id":136394,"date":"2019-01-21T07:47:36","date_gmt":"2019-01-21T06:47:36","guid":{"rendered":"https:\/\/www.iphone-ticker.de\/?p=136394"},"modified":"2019-01-21T07:49:53","modified_gmt":"2019-01-21T06:49:53","slug":"html-tipp-emoji-darstellung-auf-iphone-und-ipad-unterdruecken","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/html-tipp-emoji-darstellung-auf-iphone-und-ipad-unterdruecken-136394\/","title":{"rendered":"HTML-Tipp: Emoji-Darstellung auf iPhone und iPad unterdr\u00fccken"},"content":{"rendered":"<p>Ein kurzer und sehr spezifischer Tipp, der sich an alle Leser richtet, die hin und wieder mit selbstgestrickten HTML-Webseiten zu tun haben. Ihr werdet fr\u00fcher oder sp\u00e4ter \u00fcber eine Eigenart des iOS-Betriebssystems stolpern, die uns gestern Nachmittag Anlass zum Gr\u00fcbeln gegeben hat.<\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/html-emoji.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-136396\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/html-emoji.jpg\" alt=\"Html Emoji\" width=\"500\" height=\"230\" \/><\/a><\/p>\n<p>Wer auf sogenannte <a href=\"https:\/\/wiki.selfhtml.org\/wiki\/Zeichencodierung\">HTML Entities<\/a> setzt um ausgesuchte Unicode-Symbole auf seinen Webseiten unterzubringen, darf sich \u00fcber eine besondere Darstellung auf iPhone und iPad freuen. Nehmen wir beispielsweise das schwarze Telefon-Zeichen, den Unicode Character \u201c&#x260E;&#xFE0E;\u201d (U+260E).<\/p>\n<p>W\u00e4hrend fast \u00fcberall im Netz das schwarze Standard-Symbol angezeigt wird, wann immer die HTML-Auszeichnung <b>&amp;#x260E;<\/b> zum Einsatz kommt, blenden Apples Endger\u00e4te stur das rote Telefon-Emoji ein.<\/p>\n<h2>Variation Selector &#8222;U+FE0E&#8220; korrigiert<\/h2>\n<p>Um die automatische Emoji-Konvertierung der Unicode-Zeichen zu verhindern, m\u00fcsst ihr einen der zwei sogenannten <a href=\"https:\/\/en.wikipedia.org\/wiki\/Variant_form_(Unicode)#Variation_Selectors_block\">variation selectors<\/a> nutzen.<\/p>\n<p>W\u00e4hrend &#8222;U+FE0F&#8220; f\u00fcr die Konvertierung hin zum \u00e4quivalenten Emoji sorgt (eine Funktion, die auf Apple-Ger\u00e4ten standardm\u00e4\u00dfig zum Einsatz kommt), k\u00fcmmert ich &#8222;U+FE0E&#8220; darum, dass die Textform beibehalten wird.<\/p>\n<p>Wollt ihr also das schwarze Unicode-Telefon-Zeichen und keine Emoji auf iPhone und iPad sehen, dann Tippt nicht nur <b>&amp;#x260E;<\/b> in euren Webeditor ein, sondern setzt den &#8222;variation selector&#8220; direkt dahinter: <b>&amp;#x260E;&amp;#xFE0E;<\/b><\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/emoji-ios-unicode.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-136397\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/emoji-ios-unicode-700x150.jpg\" alt=\"Emoji Ios Unicode\" width=\"700\" height=\"150\" srcset=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/emoji-ios-unicode-700x150.jpg 700w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/emoji-ios-unicode-500x107.jpg 500w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/emoji-ios-unicode.jpg 1400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/html-tipp-emoji-darstellung-auf-iphone-und-ipad-unterdruecken-136394\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/telefon-emoji-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Telefon Emoji\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Ein kurzer und sehr spezifischer Tipp, der sich an alle Leser richtet, die hin und wieder mit selbstgestrickten HTML-Webseiten zu tun haben. Ihr werdet fr\u00fcher oder sp\u00e4ter \u00fcber eine Eigenart des iOS-Betriebssystems stolpern, die uns gestern Nachmittag Anlass zum Gr\u00fcbeln gegeben hat. Wer auf sogenannte HTML Entities setzt um ausgesuchte Unicode-Symbole auf seinen Webseiten unterzubringen, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":136398,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[639],"tags":[328,3917,1225,5661,344,52,74],"class_list":["post-136394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ios","tag-emoji","tag-entwickler","tag-html","tag-ios","tag-iphone","tag-safari","tag-tipp"],"aioseo_notices":[],"subheadline":["Unicode Glyphen im Web"],"featured_image":["https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/telefon-emoji.jpg"],"rest_api_enabler":{"subheadline":"Unicode Glyphen im Web","featured_image":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/01\/telefon-emoji.jpg"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/136394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=136394"}],"version-history":[{"count":5,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/136394\/revisions"}],"predecessor-version":[{"id":136402,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/136394\/revisions\/136402"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/136398"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=136394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=136394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=136394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}