{"id":821,"date":"2016-12-02T17:41:52","date_gmt":"2016-12-02T16:41:52","guid":{"rendered":"http:\/\/www.christoph-freyer.at\/blog\/?p=821"},"modified":"2016-12-26T02:07:16","modified_gmt":"2016-12-26T01:07:16","slug":"kbd-das-html-element-fuer-keyboard","status":"publish","type":"post","link":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/","title":{"rendered":"kbd &#8211; das HTML-Element f\u00fcr Keyboard"},"content":{"rendered":"<p><a href=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-865\" src=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-600x200.png\" alt=\"HTML-Tag kbd\" width=\"600\" height=\"200\" srcset=\"https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2.png 600w, https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-150x50.png 150w, https:\/\/christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-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;kbd&gt; \u2013 Ein vernachl\u00e4ssigtes HTML-Element, das nicht nur zur semantischen Auszeichnung dient<\/h2>\n<p>K\u00fcrzlich habe ich im Blog von Bernhard Kau (Kau-Boys.de) einen Beitrag \u00fcber das vernachl\u00e4ssigte <span lang=\"en\"><abbr title=\"Hypertext Markup Language\">HTML<\/abbr><\/span>-Element <code>&lt;kbd&gt;<\/code> gelesen. Ich danke ihm an dieser Stelle f\u00fcr dieses Posting, das er als ersten seiner heurigen Advent\u00adkalender\u00adeintr\u00e4ge ver\u00f6ffentlichte und mich damit zu diesem Beitrag inspirierte.<\/p>\n<p>Obwohl ich um semantisch korrekte Auszeichnung bem\u00fcht bin, <!--more-->habe auch ich das <code>&lt;kbd&gt;<\/code> in meinen Ausf\u00fchrungen oftmals vergessen oder vielleicht auch ignoriert. Das kommt mir so vor, wie wenn man \u00fcber typografisch korrekte Anf\u00fchrungszeichen schreibt, sie aber dann selbst nicht verwendet. Selbstverst\u00e4ndlich werde ich dieses HTML-Element ab jetzt immer ber\u00fccksichtigen (\u00fcbrigens soll das aber keine \u201eNeujahresvorsatz\u201c sein).<\/p>\n<p>Wie man sieht, ist so ein Lapsus des Nichtbeachtens wirklich schnell passiert. Deshalb widme ich meinen heutigen Blogbeitrag nun diesem Thema.<\/p>\n<h3>Was besagt ein kbd-Tag eigentlich?<\/h3>\n<p>Laut <abbr title=\"World Wide Web Consortium\">W3C<\/abbr>-Definition steht <code>&lt;kbd&gt;<\/code> f\u00fcr Keyboard und bezeichnet, dass die vom Start- und vom End-Tag <code>&lt;kbd&gt;&lt;\/kbd&gt;<\/code> eingeschlossenen Begriffe, eine vom Benutzer zu t\u00e4tigende Eingabe erfordert. Diese geschieht meist \u00fcber die Tastatur \u2013 kann aber auch per Stimme erfolgen.<\/p>\n<p>Eine der h\u00e4ufigsten Anwendungen ist bei technischen Instruktionen wie Benutzerhandb\u00fcchern zu finden. Ich wei\u00df, die meisten wollen diese aus verschiedensten Gr\u00fcnden, wie beispielsweise verplemperte Zeit oder falscher Stolz, nicht lesen. Ein intuitiv zu bedienendes Ger\u00e4t oder Programm ist zweifelsfrei gut gestaltet und bedarf daher auch meist keiner Bedienungsanleitung. Aber es gibt auch Leute die Manuals ben\u00f6tigen oder einfach nur ein Faible daf\u00fcr haben. Zur letzten Gruppe z\u00e4hle ich mich.<\/p>\n<h3>Wie sieht ein kbd-Tag nun in Verwendung aus?<\/h3>\n<p>Als Browserstandard wird <code>&lt;kbd&gt;<\/code> meist in einem Monotype-Schriftfont wie beispielsweise Courier dargestellt. Trotzdem sieht man oft per CSS individuell gestaltete Varianten, bei denen eine Keyboardtaste nachempfunden wird. Mit dieser besonderen Gestaltung versucht man den Benutzerinnen und Benutzern die Aussage direkter vor Augen zu f\u00fchren.<\/p>\n<p>Anschlie\u00dfend m\u00f6chte ich hier ein paar Beispiele zeigen, wie mit CSS g\u00e4nzlich unterschiedlich gestaltete &lt;kbd&gt;s auf verschiedenen Websites zu finden sind.<\/p>\n<p>Daf\u00fcr habe ich so unterschiedliche Seiten wie <a href=\"http:\/\/bits.24ways.org\/components\/detail\/article\" target=\"_blank\">24 ways<\/a>, <a href=\"https:\/\/kau-boys.de\/3045\/adventskalender\/adventskalender-tag-1-der-kbd-html-tag\" target=\"_blank\">Kau-Boys<\/a> und <a href=\"http:\/\/v4-alpha.getbootstrap.com\/content\/code\/\" target=\"_blank\">Bootstrap<\/a> ausgew\u00e4hlt.<\/p>\n<section>\n<h4>24ways.org:<\/h4>\n<p><span style=\"background-color: #fdf7f7; padding: 1em 2em; border: 1px dotted grey;\"><kbd style=\"font-size: 90%; background-color: #fff; margin: 0 .125rem; border: 1px solid hsla(240,7%,50%,.25); border-radius: .25rem; padding: .25rem .5rem; box-shadow: 0 1px 0 hsla(240,7%,50%,.25); font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;\">STRG<\/kbd><\/span><\/p>\n<\/section>\n<section>\n<h4>kau-boys.de:<\/h4>\n<p><span style=\"padding: 1em 2em; border: 1px dotted grey;\"><kbd style=\"padding: 2px 4px; white-space: nowrap; color: #000; background: #eee; border-width: 1px 3px 3px 1px; border-style: solid; border-color: #ccc #aaa #888 #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;\">STRG<\/kbd><\/span><\/p>\n<\/section>\n<section>\n<h4>bootstrap.com:<\/h4>\n<p><span style=\"padding: 1em 2em; border: 1px dotted grey;\"><kbd style=\"padding: .2rem .4rem; font-size: 90%; color: #fff; background-color: #333; border-radius: .2rem; font-family: Menlo,Monaco,Consolas,;\">STRG<\/kbd><\/span><\/p>\n<\/section>\n<h3>Wen die Styles dazu interessieren:<\/h3>\n<p><strong>http:\/\/bits.24ways.org\/components\/detail\/article :<br \/>\n<\/strong><\/p>\n<pre><code>.s-prose--article kbd &gt; kbd {\r\n    font-size: 90%;\r\n    background-color: #fff;\r\n    margin: 0 .125rem;\r\n    border: 1px solid hsla(240,7%,50%,.25);\r\n    border-radius: .25rem;\r\n    padding: .25rem .5rem;\r\n    box-shadow: 0 1px 0 hsla(240,7%,50%,.25);\r\n    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;\r\n}\r\n\/* background-color der Seite #fdf7f7; *\/<\/code><\/pre>\n<p><strong>https:\/\/kau-boys.de\/3045\/adventskalender\/adventskalender-tag-1-der-kbd-html-tag<\/strong><\/p>\n<pre><code>kbd {\r\n    padding: 2px 4px;\r\n    white-space: nowrap;\r\n    color: #000;\r\n    background: #eee;\r\n    border-width: 1px 3px 3px 1px;\r\n    border-style: solid;\r\n    border-color: #ccc #aaa #888 #bbb;\r\n    -webkit-border-radius: 5px;\r\n    -moz-border-radius: 5px;\r\n    border-radius: 5px;\r\n}<\/code><\/pre>\n<p><strong>http:\/\/v4-alpha.getbootstrap.com\/content\/code\/<\/strong><\/p>\n<pre><code>kbd {\r\n    padding: .2rem .4rem;\r\n    font-size: 90%;\r\n    color: #fff;\r\n    background-color: #333;\r\n    border-radius: .2rem;\r\n    font-family: Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;\r\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssl-vg03.met.vgwort.de\/na\/c99216a8d23a4187980686ecc0c4f003\" alt=\"\" width=\"1\" height=\"1\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;kbd&gt; \u2013 Ein vernachl\u00e4ssigtes HTML-Element, das nicht nur zur semantischen Auszeichnung dient K\u00fcrzlich habe ich im Blog von Bernhard Kau (Kau-Boys.de) einen Beitrag \u00fcber das vernachl\u00e4ssigte HTML-Element &lt;kbd&gt; gelesen. Ich danke ihm an dieser Stelle f\u00fcr dieses Posting, das er als ersten seiner heurigen Advent\u00adkalender\u00adeintr\u00e4ge ver\u00f6ffentlichte und mich damit zu diesem Beitrag inspirierte. Obwohl ich &hellip; <a href=\"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201ekbd &#8211; das HTML-Element f\u00fcr Keyboard\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":[28,29,34,33],"class_list":["post-821","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-html","tag-html-elemente","tag-kbd","tag-keyboard"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>kbd - das HTML-Element f\u00fcr Keyboard - 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\/kbd-das-html-element-fuer-keyboard\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"kbd - das HTML-Element f\u00fcr Keyboard - Christoph Freyer \/\/ Blog\" \/>\n<meta property=\"og:description\" content=\"&lt;kbd&gt; \u2013 Ein vernachl\u00e4ssigtes HTML-Element, das nicht nur zur semantischen Auszeichnung dient K\u00fcrzlich habe ich im Blog von Bernhard Kau (Kau-Boys.de) einen Beitrag \u00fcber das vernachl\u00e4ssigte HTML-Element &lt;kbd&gt; gelesen. Ich danke ihm an dieser Stelle f\u00fcr dieses Posting, das er als ersten seiner heurigen Advent\u00adkalender\u00adeintr\u00e4ge ver\u00f6ffentlichte und mich damit zu diesem Beitrag inspirierte. Obwohl ich &hellip; \u201ekbd &#8211; das HTML-Element f\u00fcr Keyboard\u201c weiterlesen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/\" \/>\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-12-02T16:41:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-26T01:07:16+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-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=\"2\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\\\/kbd-das-html-element-fuer-keyboard\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/\"},\"author\":{\"name\":\"Christoph Freyer\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#\\\/schema\\\/person\\\/942d254041a4ddeb9ac0e2096f90bfa3\"},\"headline\":\"kbd &#8211; das HTML-Element f\u00fcr Keyboard\",\"datePublished\":\"2016-12-02T16:41:52+00:00\",\"dateModified\":\"2016-12-26T01:07:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/\"},\"wordCount\":398,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/kbd_web_2-600x200.png\",\"keywords\":[\"HTML\",\"HTML-Elemente\",\"kbd\",\"keyboard\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/\",\"url\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/\",\"name\":\"kbd - das HTML-Element f\u00fcr Keyboard - Christoph Freyer \\\/\\\/ Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/kbd_web_2-600x200.png\",\"datePublished\":\"2016-12-02T16:41:52+00:00\",\"dateModified\":\"2016-12-26T01:07:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/#\\\/schema\\\/person\\\/942d254041a4ddeb9ac0e2096f90bfa3\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/kbd_web_2-600x200.png\",\"contentUrl\":\"http:\\\/\\\/www.christoph-freyer.at\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/kbd_web_2-600x200.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/kbd-das-html-element-fuer-keyboard\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/christoph-freyer.at\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"kbd &#8211; das HTML-Element f\u00fcr Keyboard\"}]},{\"@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":"kbd - das HTML-Element f\u00fcr Keyboard - 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\/kbd-das-html-element-fuer-keyboard\/","og_locale":"de_DE","og_type":"article","og_title":"kbd - das HTML-Element f\u00fcr Keyboard - Christoph Freyer \/\/ Blog","og_description":"&lt;kbd&gt; \u2013 Ein vernachl\u00e4ssigtes HTML-Element, das nicht nur zur semantischen Auszeichnung dient K\u00fcrzlich habe ich im Blog von Bernhard Kau (Kau-Boys.de) einen Beitrag \u00fcber das vernachl\u00e4ssigte HTML-Element &lt;kbd&gt; gelesen. Ich danke ihm an dieser Stelle f\u00fcr dieses Posting, das er als ersten seiner heurigen Advent\u00adkalender\u00adeintr\u00e4ge ver\u00f6ffentlichte und mich damit zu diesem Beitrag inspirierte. Obwohl ich &hellip; \u201ekbd &#8211; das HTML-Element f\u00fcr Keyboard\u201c weiterlesen","og_url":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/","og_site_name":"Christoph Freyer \/\/ Blog","article_publisher":"https:\/\/www.facebook.com\/ch.freyer","article_published_time":"2016-12-02T16:41:52+00:00","article_modified_time":"2016-12-26T01:07:16+00:00","og_image":[{"url":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-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":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#article","isPartOf":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/"},"author":{"name":"Christoph Freyer","@id":"https:\/\/christoph-freyer.at\/blog\/#\/schema\/person\/942d254041a4ddeb9ac0e2096f90bfa3"},"headline":"kbd &#8211; das HTML-Element f\u00fcr Keyboard","datePublished":"2016-12-02T16:41:52+00:00","dateModified":"2016-12-26T01:07:16+00:00","mainEntityOfPage":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/"},"wordCount":398,"commentCount":1,"image":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#primaryimage"},"thumbnailUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-600x200.png","keywords":["HTML","HTML-Elemente","kbd","keyboard"],"articleSection":["Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/","url":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/","name":"kbd - das HTML-Element f\u00fcr Keyboard - Christoph Freyer \/\/ Blog","isPartOf":{"@id":"https:\/\/christoph-freyer.at\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#primaryimage"},"image":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#primaryimage"},"thumbnailUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-600x200.png","datePublished":"2016-12-02T16:41:52+00:00","dateModified":"2016-12-26T01:07:16+00:00","author":{"@id":"https:\/\/christoph-freyer.at\/blog\/#\/schema\/person\/942d254041a4ddeb9ac0e2096f90bfa3"},"breadcrumb":{"@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#primaryimage","url":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-600x200.png","contentUrl":"http:\/\/www.christoph-freyer.at\/blog\/wp-content\/uploads\/2016\/12\/kbd_web_2-600x200.png"},{"@type":"BreadcrumbList","@id":"https:\/\/christoph-freyer.at\/blog\/kbd-das-html-element-fuer-keyboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/christoph-freyer.at\/blog\/"},{"@type":"ListItem","position":2,"name":"kbd &#8211; das HTML-Element f\u00fcr Keyboard"}]},{"@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\/821","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=821"}],"version-history":[{"count":51,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts\/821\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/posts\/821\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/media?parent=821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/categories?post=821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/christoph-freyer.at\/blog\/wp-json\/wp\/v2\/tags?post=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}