{"id":611,"date":"2007-10-15T17:06:43","date_gmt":"2007-10-15T15:06:43","guid":{"rendered":"http:\/\/notizblog.org\/2007\/10\/15\/hcard-links\/"},"modified":"2021-05-10T16:12:54","modified_gmt":"2021-05-10T14:12:54","slug":"hcard-links","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2007\/10\/15\/hcard-links\/","title":{"rendered":"hCard Links"},"content":{"rendered":"\n<p><a href=\"http:\/\/adactio.com\"><abbr title=\"Jeremy Keith\">Jeremy<\/abbr><\/a> beschreibt in seinem <a href=\"https:\/\/adactio.com\/journal\/1358\">Weblog<\/a> wie man mit Hilfe des <code>abbr<\/code> Tags eine vollst\u00e4ndige hCard f\u00fcr Links erstellen kann.<\/p>\n\n\n\n<p>Sein Problem:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n\t<p>I would still make his name a hyperlink but what can I do about making this text into an hCard? Should I change my writing style and refer to everyone by their full formated name even if the context and writing style would favour just using their first name?<\/p>\n<\/blockquote>\n\n\n\n<p>Will man eine hCard erstellen bei der nur der Vorname angezeigt wird, wird nat\u00fcrlich auch nur der Vorname ins Adressbuch \u00fcbernommen:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"vcard\"<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"fn url\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"http:\/\/example.com\/\"<\/span>&gt;<\/span>\n    Max\n  <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Die L\u00f6sung des Problems ist die Nutzung des <code>abbr<\/code> Tags:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"vcard\"<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"url\"<\/span> <span class=\"hljs-attr\">rel<\/span>=<span class=\"hljs-string\">\"friend met\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"http:\/\/example.com\/\"<\/span>&gt;<\/span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">abbr<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"fn\"<\/span> <span class=\"hljs-attr\">title<\/span>=<span class=\"hljs-string\">\"Max Mustermann\"<\/span>&gt;<\/span>\n      Max\n    <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">abbr<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Schicke Idee, fragt sich nur ob der Vorname als <em>Abbreviate<\/em> (Abk\u00fcrzung) durch geht und die Nutzung von <code>&lt;abbr><\/code> <a href=\"https:\/\/www.webstandards.org\/2007\/04\/27\/haccessibility\/\">gerechtfertigt<\/a> ist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jeremy beschreibt in seinem Weblog wie man mit Hilfe des abbr Tags eine vollst\u00e4ndige hCard f\u00fcr Links erstellen kann. Sein Problem: I would still make his name a hyperlink but what can I do about making this text into an hCard? Should I change my writing style and refer to everyone by their full formated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[425,166,164,183,165],"class_list":{"0":"post-611","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-haccessibility","8":"tag-hcard","9":"tag-microformats","10":"tag-mikroformate","11":"tag-xfn","12":"h-entry","13":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=611"}],"version-history":[{"count":2,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/611\/revisions"}],"predecessor-version":[{"id":21445,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/611\/revisions\/21445"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}