{"id":1041,"date":"2008-10-21T09:56:40","date_gmt":"2008-10-21T07:56:40","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1041"},"modified":"2017-12-03T11:06:36","modified_gmt":"2017-12-03T09:06:36","slug":"semantische-id-zum-auszeichnen-von-containern","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2008\/10\/semantische-id-zum-auszeichnen-von-containern\/","title":{"rendered":"Semantische ID zum Auszeichnen von Containern"},"content":{"rendered":"<p>Im Sinne eines semantischen Webs ist es, wenn man die Namen f\u00fcr IDs und Klassen nach Ihrer Bedeutung w\u00e4hlt. Bezeichnungen wie header, sidebar, footer sind demnach nicht korrekt, weil hier die Bezeichnung layout- und nicht inhaltsbezogen ist. <\/p>\n<p>F\u00fcr einen Header, der in der Regel das Logo enth\u00e4lt, k\u00f6nnte man vielleicht besser &#8222;branding&#8220; w\u00e4hlen, f\u00fcr die sidebar vielleicht &#8222;informations&#8220; und den footer evtl. mit &#8222;repertory&#8220; benennen &#8211; in jedem Fall gilt: drauf steht was drin ist oder umgekehrt.<\/p>\n<p>So weit so gut, klingt f\u00fcr mich einleuchtend und sinnvoll. Dennoch: die layoutbezogenen Namen haben sich auch schon in meinem Kopf etabliert und ich frage mich ob man das wirklich konsequent f\u00fcr eine ganze Webseite so anlegen kann. <\/p>\n<p>Um z.B. eine sidebar mit zwei Spalten anzulegen w\u00e4ren im Container &#8222;informations&#8220; wiederum zwei divs oder ul erforderlich. Hier muss man dann, streng genommen, wieder hinschauen, was enthalten ist und die Namensgebung danach ausrichten. <\/p>\n<p>Wie jedoch soll man eine ul oder ein div benennen, in welchem(r) z.B. Kategorienamen, letzte Artikel und die Url zum RSS-Feed enthalten sind? Und abgesehen davon findet man sich dann noch in seinem eigenen Layout zurecht? Und was ist mit anderen Layouts, wenn die divs in jeder angelegten Struktur anders hei\u00dfen? Und was wenn ich das Layout \u00e4ndern will und die Bezeichnungen dann nicht mehr stimmen? <\/p>\n<p>Ich w\u00fcrde den Gedanken der Semantik gerne konsequenter umsetzen &#8211; mit den derzeitigen CSS-M\u00f6glichkeiten sehe ich aber nicht, dass das bis zur letzten Konsequenz sinnvoll m\u00f6glich ist und man wohl damit leben muss, dass layoutbezogene Bezeichnungen (sinnvoll) nicht zu vermeiden sind?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im Sinne eines semantischen Webs ist es, wenn man die Namen f\u00fcr IDs und Klassen nach Ihrer Bedeutung w\u00e4hlt. Bezeichnungen wie header, sidebar, footer sind demnach nicht korrekt, weil hier die Bezeichnung layout- und nicht inhaltsbezogen ist. Kann man jedoch Semantik konsequent umsetzen?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[14,143,301],"yst_prominent_words":[],"class_list":["post-1041","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-webdesign-2","tag-css-xhtml","tag-semantik"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1041"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1041\/revisions"}],"predecessor-version":[{"id":4029,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1041\/revisions\/4029"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1041"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}