{"id":1638,"date":"2012-11-25T15:01:09","date_gmt":"2012-11-25T14:01:09","guid":{"rendered":"https:\/\/sgaul.de\/?p=1638"},"modified":"2014-03-13T21:34:46","modified_gmt":"2014-03-13T20:34:46","slug":"html-strukturen-im-handumdrehen-zen-coding","status":"publish","type":"post","link":"https:\/\/sgaul.de\/2012\/11\/25\/html-strukturen-im-handumdrehen-zen-coding\/","title":{"rendered":"HTML-Strukturen im Handumdrehen: Zen-Coding"},"content":{"rendered":"

Zen-Coding ist f\u00fcr HTML-Schreiber eine sch\u00f6ne Sache. Will man komplexe Konstrukte wie Tabellen mit der Hand schreiben, sind da einige Tastendr\u00fccke notwendig. Zen-Coding k\u00fcrzt die Sache ab. Man schreibt:<\/p>\n

table.overview#mainoverview>thead(>tr>th*4)+tbody>tr>td*4<\/pre>\n
<\/p>\n
Nun dr\u00fcckt man (bei den meisten Implementierungen) Strg+e und die Eingabe wird automatisch erweitert:<\/p>\n
<table class=\"overview\" id=\"mainoverview\">\r\n  <thead>\r\n    <tr>\r\n      <th><\/th>\r\n      <th><\/th>\r\n      <th><\/th>\r\n      <th><\/th>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <td><\/td>\r\n      <td><\/td>\r\n      <td><\/td>\r\n      <td><\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table><\/pre>\n
Installation in Sublime Text 2<\/h2>\n
cd ~\/.config\/sublime-text-2\/Packages\/\r\ngit clone --depth 1 https:\/\/github.com\/sergeche\/emmet-sublime.git<\/pre>\n
Sublime<\/a> neustarten und fertig.<\/p>\n
Installation in WordPress<\/h2>\n
Auch in WordPress l\u00e4sst sich Zen-Coding verwenden, wie ich im Artikel HTML-Editor in WordPress mit Zen-Coding verbessern<\/a> schon einmal beschrieben habe.<\/p>\n","protected":false},"excerpt":{"rendered":"
Zen-Coding ist f\u00fcr HTML-Schreiber eine sch\u00f6ne Sache. Will man komplexe Konstrukte wie Tabellen mit der Hand schreiben, sind da einige Tastendr\u00fccke notwendig. Zen-Coding k\u00fcrzt die Sache ab. Man schreibt: table.overview#mainoverview>thead(>tr>th*4)+tbody>tr>td*4<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[91],"tags":[90,89],"_links":{"self":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/1638"}],"collection":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/comments?post=1638"}],"version-history":[{"count":8,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/1638\/revisions"}],"predecessor-version":[{"id":2503,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/1638\/revisions\/2503"}],"wp:attachment":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/media?parent=1638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/categories?post=1638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/tags?post=1638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}