{"id":773,"date":"2016-11-20T12:42:24","date_gmt":"2016-11-20T11:42:24","guid":{"rendered":"http:\/\/www.christoph-freyer.at\/blog\/?p=773"},"modified":"2016-12-26T02:08:01","modified_gmt":"2016-12-26T01:08:01","slug":"html-und-textgestaltung","status":"publish","type":"post","link":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/","title":{"rendered":"HTML und Textgestaltung?"},"content":{"rendered":"<p><a href=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-807 size-large\" src=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png\" alt=\"illustrative Grafik HTML Tags\" width=\"600\" height=\"200\" srcset=\"https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp.png 600w, https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-150x50.png 150w, https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-300x100.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<h2>&lt;i&gt;,&lt;em&gt;,&lt;b&gt; und &lt;strong&gt;: was verbindet diese HTML-Elemente?<\/h2>\n<p>HTML-Text kann man auf verschiedene Art und Weise gestalten. Man kann einerseits die Schrift \u00e4ndern, andererseits l\u00e4sst sich auch der Hintergrund individuell ausformen: Bei der ersten Variante werden Schriftgr\u00f6\u00dfe, Schriftgewichtung, Schnitt und Farbe, etc. beeinflusst, w\u00e4hrend bei der zweiten Variante der Hintergrund verschieden gestaltet wird. Hierzu gibt es zwei grunds\u00e4tzliche M\u00f6glichkeiten:<!--more--><\/p>\n<p style=\"padding-left: 30px;\">1.) die Formatierung mittels <abbr lang=\"en\" title=\"Cascading Style Sheet\">CSS<\/abbr><br \/>\n2.) die Formatierung mittels <abbr lang=\"en\" title=\"Hypertext Markup Language\">HTML<\/abbr>-Auszeichnung<\/p>\n<p>Will man nur die optische Erscheinung des Textes \u00e4ndern, w\u00e4hlt man die erste Methode - mittels CSS. Damit lassen sich Schriftgr\u00f6\u00dfe (font-size), Schriftfarbe (color), Gewichtung (font-weight) und alle nur erdenklichen Faktoren beeinflussen.<\/p>\n<p>Warum gibt es dann auch noch immer die zweite Methode \u2013 die Auszeichnung mittels HTML-Tags? Sie ist nicht nur ein \u00dcberbleibsel aus der Zeit als HTML und CSS noch nicht getrennt waren. Naja, irgendwie hat es schon mit dem Urgedanken von HTML zu tun, Information einfach und schnell in strukturierter Form zu \u00fcbermitteln. Aber warum macht man das heute noch, wo doch immer verlangt wird CSS von HTML zu trennen? Erstens obliegt die rein formale Gestaltung dem (nach Spezifikation) externen CSS und zweitens hat das mit Semantik zu tun. Hier kommen wir wieder dem Urgedanken von HTML n\u00e4her, bei dem es um einfache, schnelle und strukturierte Text\u00fcbermittlung geht.<\/p>\n<h3>Fettschrift: &lt;b&gt; und &lt;strong&gt;<\/h3>\n<p>Da gibt es zum Beispiel die Fettschrift: Mit CSS wird diese wie bekannt als {font-weight: 700;} notiert. Wenn man einfach nur die Erscheinung \u00e4ndern will \u2013\u00a0egal wie sinnvoll es ist ohne inhaltliche Gr\u00fcnde das Aussehen zu ver\u00e4ndern \u2013 w\u00e4hlt man diese Version. Aber jetzt gibt es auch noch die Tags <code>&lt;strong&gt;<\/code> bzw. <code>&lt;b&gt;<\/code>, die doch auch den von ihnen eingeschlossenen Text fett darstellen. Wann werden diese beiden verwendet?<\/p>\n<p>Wer sich jetzt fragt, warum es\u00a0 zwei unterschiedliche Auszeichnungen f\u00fcr das selbe Erscheinungsbild gibt, ist bereits auf der richtigen F\u00e4hrte. Wieder einmal handelt es ich um das mittlerweile oft bem\u00fchte Thema der semantischen Auszeichnung. Kurz: es wird hier zwischen Form und Inhalt (Logik) unterschieden. Der sehende Mensch nimmt vom Flie\u00dftext abweichendes automatisch als hervorgehoben war und interpretiert es f\u00fcr sich selbst. Eine assistive Maschine wie ein Screenreader braucht hierzu eine zus\u00e4tzliche Unterscheidung, die auch klanglich erfolgen kann.<\/p>\n<p>Wenn eine grafisch fette Auszeichnung nur optisch ersichtlich sein soll und keine andere Variante passt, dann erst wird das Tag <code>&lt;b&gt;<\/code> verwendet. Ist aber damit hingegen auch eine logische Bedeutung verbunden, kommt\u00a0 <code>&lt;strong&gt;<\/code> zum Einsatz. Dieses Element betont den Text stark. Das klingt jetzt kompliziert, ist es aber nicht. <code>&lt;strong&gt;<\/code> hebt etwas hervor, das auch beispielsweise durch eine andere Farbe oder Textgr\u00f6\u00dfe angezeigt werden k\u00f6nnte. Im Vergleich w\u00e4re das bei\u00a0 <code>&lt;b&gt;<\/code> \u00e4u\u00dferst unlogisch.<\/p>\n<p><strong>Beispiel 1<\/strong> zeigt den unterschiedlichen Code bei gleicher Anzeige f\u00fcr das Auge:<\/p>\n<p>In <strong>diesem<\/strong> Satz gibt es zwei Auszeichnungen, die <b>fett<\/b> dargestellt werden.<\/p>\n<pre><code>&lt;p&gt;In &lt;strong&gt;diesem&lt;\/strong&gt; Satz gibt es zwei Auszeichnungen, die &lt;b&gt;fett&lt;\/b&gt; dargestellt werden.&lt;\/p&gt;<\/code><\/pre>\n<h3>Kursivschrift: &lt;i&gt; und &lt;em&gt;<\/h3>\n<p>Analog zur Fettschrift verh\u00e4lt es sich mit der kursiven Schrift. Mittels CSS wird diese als {font-style: italic;} notiert. Im HTML-Teil wird sie durch die Tags\u00a0 <code>&lt;i&gt;&lt;\/i&gt;<\/code> bzw. <code>&lt;em&gt;&lt;\/em&gt;<\/code> ausgezeichnet. Ebenfalls sprachlich hervorgehoben wird das <code>&lt;em&gt;<\/code> (= emphasized), das nicht ganz so stark betont wird wie das vorangegangene <code>&lt;strong&gt;<\/code>. Browser stellen den so markierten Textbereich standardm\u00e4\u00dfig kursiv dar. F\u00fcr die rein optische Auszeichnung von kursiver Schrift verwendete man fr\u00fcher das <code>&lt;i&gt;<\/code> (= italic), doch geschieht das zugunsten von CSS immer seltener. Anwendung findet es aber beispielsweise heute immer noch bei Fachbegriffen und unter anderem Buchtiteln.<\/p>\n<p>Auch <strong>Beispiel 2<\/strong> zeigt den unterschiedlichen Code bei gleicher Anzeige f\u00fcr das Auge:<\/p>\n<p>In diesem Satz gibt es unterschiedliches <i>Markup<\/i>, das <em>in beiden F\u00e4llen<\/em> jeweils kursiv dargestellt wird.<\/p>\n<pre><code>&lt;p&gt;In diesem Satz gibt es unterschiedliches &lt;i&gt;Markup&lt;\/i&gt;, das &lt;em&gt;in beiden F\u00e4llen&lt;\/em&gt; jeweils kursiv dargestellt wird.&lt;\/p&gt;<\/code><\/pre>\n<p>Als Eselsbr\u00fccke kann man sich merken: der kurze Tag entspricht meist einer visuellen Betonung, w\u00e4hrend der lange Tag auch gesprochen wird.<\/p>\n<p>Wer jetzt Lust bekommen hat der Sache weiter auf den Grund zu gehen oder nach weiteren Beispielen suchen m\u00f6chte, dem seien folgende weiterf\u00fchrende Links zu HTML5-Elementen empfohlen:<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/HTML\/HTML5\/HTML5_element_list\" target=\"_blank\">Mozilla Developer Network<\/a>, <a href=\"http:\/\/w3c.github.io\/html-reference\/elements.html\" target=\"_blank\">W3C Working Draft: HTML-elements<\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssl-vg03.met.vgwort.de\/na\/1869ee2c208541d4ba656477a2f597b4\" width=\"1\" height=\"1\" alt=\"\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;i&gt;,&lt;em&gt;,&lt;b&gt; und &lt;strong&gt;: was verbindet diese HTML-Elemente? HTML-Text kann man auf verschiedene Art und Weise gestalten. Man kann einerseits die Schrift \u00e4ndern, andererseits l\u00e4sst sich auch der Hintergrund individuell ausformen: Bei der ersten Variante werden Schriftgr\u00f6\u00dfe, Schriftgewichtung, Schnitt und Farbe, etc. beeinflusst, w\u00e4hrend bei der zweiten Variante der Hintergrund verschieden gestaltet wird. Hierzu gibt es &hellip; <a href=\"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eHTML und Textgestaltung?\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,28,29,31],"class_list":["post-773","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-fett","tag-html","tag-html-elemente","tag-kursiv"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML und Textgestaltung? - Christoph Freyer \/\/ Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML und Textgestaltung? - Christoph Freyer \/\/ Blog\" \/>\n<meta property=\"og:description\" content=\"&lt;i&gt;,&lt;em&gt;,&lt;b&gt; und &lt;strong&gt;: was verbindet diese HTML-Elemente? HTML-Text kann man auf verschiedene Art und Weise gestalten. Man kann einerseits die Schrift \u00e4ndern, andererseits l\u00e4sst sich auch der Hintergrund individuell ausformen: Bei der ersten Variante werden Schriftgr\u00f6\u00dfe, Schriftgewichtung, Schnitt und Farbe, etc. beeinflusst, w\u00e4hrend bei der zweiten Variante der Hintergrund verschieden gestaltet wird. Hierzu gibt es &hellip; \u201eHTML und Textgestaltung?\u201c weiterlesen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/\" \/>\n<meta property=\"og:site_name\" content=\"Christoph Freyer \/\/ Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ch.freyer\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-20T11:42:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-26T01:08:01+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png\" \/>\n<meta name=\"author\" content=\"Christoph Freyer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@christophfreyer\" \/>\n<meta name=\"twitter:site\" content=\"@christophfreyer\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christoph Freyer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/\"},\"author\":{\"name\":\"Christoph Freyer\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#\\\/schema\\\/person\\\/942d254041a4ddeb9ac0e2096f90bfa3\"},\"headline\":\"HTML und Textgestaltung?\",\"datePublished\":\"2016-11-20T11:42:24+00:00\",\"dateModified\":\"2016-12-26T01:08:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/\"},\"wordCount\":670,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/i_em_b_strong-comp-600x200.png\",\"keywords\":[\"fett\",\"HTML\",\"HTML-Elemente\",\"kursiv\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/\",\"url\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/\",\"name\":\"HTML und Textgestaltung? - Christoph Freyer \\\/\\\/ Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/i_em_b_strong-comp-600x200.png\",\"datePublished\":\"2016-11-20T11:42:24+00:00\",\"dateModified\":\"2016-12-26T01:08:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#\\\/schema\\\/person\\\/942d254041a4ddeb9ac0e2096f90bfa3\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/i_em_b_strong-comp-600x200.png\",\"contentUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/i_em_b_strong-comp-600x200.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/html-und-textgestaltung\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML und Textgestaltung?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/\",\"name\":\"Christoph Freyer \\\/\\\/ Blog\",\"description\":\"Kunsthistoriker \\\/\\\/ Webdesign \\\/\\\/\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#\\\/schema\\\/person\\\/942d254041a4ddeb9ac0e2096f90bfa3\",\"name\":\"Christoph Freyer\",\"sameAs\":[\"http:\\\/\\\/www.christoph-freyer.at\",\"https:\\\/\\\/x.com\\\/christophfreyer\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML und Textgestaltung? - Christoph Freyer \/\/ Blog","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:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/","og_locale":"de_DE","og_type":"article","og_title":"HTML und Textgestaltung? - Christoph Freyer \/\/ Blog","og_description":"&lt;i&gt;,&lt;em&gt;,&lt;b&gt; und &lt;strong&gt;: was verbindet diese HTML-Elemente? HTML-Text kann man auf verschiedene Art und Weise gestalten. Man kann einerseits die Schrift \u00e4ndern, andererseits l\u00e4sst sich auch der Hintergrund individuell ausformen: Bei der ersten Variante werden Schriftgr\u00f6\u00dfe, Schriftgewichtung, Schnitt und Farbe, etc. beeinflusst, w\u00e4hrend bei der zweiten Variante der Hintergrund verschieden gestaltet wird. Hierzu gibt es &hellip; \u201eHTML und Textgestaltung?\u201c weiterlesen","og_url":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/","og_site_name":"Christoph Freyer \/\/ Blog","article_publisher":"https:\/\/www.facebook.com\/ch.freyer","article_published_time":"2016-11-20T11:42:24+00:00","article_modified_time":"2016-12-26T01:08:01+00:00","og_image":[{"url":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png","type":"","width":"","height":""}],"author":"Christoph Freyer","twitter_card":"summary_large_image","twitter_creator":"@christophfreyer","twitter_site":"@christophfreyer","twitter_misc":{"Verfasst von":"Christoph Freyer","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#article","isPartOf":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/"},"author":{"name":"Christoph Freyer","@id":"https:\/\/christoph-freyer.at\/blog\/#\/schema\/person\/942d254041a4ddeb9ac0e2096f90bfa3"},"headline":"HTML und Textgestaltung?","datePublished":"2016-11-20T11:42:24+00:00","dateModified":"2016-12-26T01:08:01+00:00","mainEntityOfPage":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/"},"wordCount":670,"commentCount":1,"image":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#primaryimage"},"thumbnailUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png","keywords":["fett","HTML","HTML-Elemente","kursiv"],"articleSection":["Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/","url":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/","name":"HTML und Textgestaltung? - Christoph Freyer \/\/ Blog","isPartOf":{"@id":"https:\/\/christoph-freyer.at\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#primaryimage"},"image":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#primaryimage"},"thumbnailUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png","datePublished":"2016-11-20T11:42:24+00:00","dateModified":"2016-12-26T01:08:01+00:00","author":{"@id":"https:\/\/christoph-freyer.at\/blog\/#\/schema\/person\/942d254041a4ddeb9ac0e2096f90bfa3"},"breadcrumb":{"@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#primaryimage","url":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png","contentUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/11\/i_em_b_strong-comp-600x200.png"},{"@type":"BreadcrumbList","@id":"https:\/\/christoph-freyer.at\/blog\/html-und-textgestaltung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/christoph-freyer.at\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML und Textgestaltung?"}]},{"@type":"WebSite","@id":"https:\/\/christoph-freyer.at\/blog\/#website","url":"https:\/\/christoph-freyer.at\/blog\/","name":"Christoph Freyer \/\/ Blog","description":"Kunsthistoriker \/\/ Webdesign \/\/","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/christoph-freyer.at\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/christoph-freyer.at\/blog\/#\/schema\/person\/942d254041a4ddeb9ac0e2096f90bfa3","name":"Christoph Freyer","sameAs":["http:\/\/www.christoph-freyer.at","https:\/\/x.com\/christophfreyer"]}]}},"_links":{"self":[{"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts\/773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/comments?post=773"}],"version-history":[{"count":41,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts\/773\/revisions"}],"predecessor-version":[{"id":890,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts\/773\/revisions\/890"}],"wp:attachment":[{"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/media?parent=773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/categories?post=773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/tags?post=773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}