<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webzeugkoffer Webdesign &#187; HTML</title>
	<atom:link href="http://www.webzeugkoffer.de/category/webdesign/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webzeugkoffer.de</link>
	<description>Technik, Tipps, Tricks und Tools</description>
	<lastBuildDate>Mon, 04 Jul 2011 09:08:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML, die große Ernüchterung &#8211; nicht</title>
		<link>http://www.webzeugkoffer.de/html-die-grose-ernuchterung-nicht/</link>
		<comments>http://www.webzeugkoffer.de/html-die-grose-ernuchterung-nicht/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 20:25:01 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Webstandards]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1297</guid>
		<description><![CDATA[HTML5 wird noch ein Weilchen brauchen. Zwar nicht unbedingt bis 2022. Trotzdem sind wir noch relativ weit von einem flächendeckenden Einsatz entfernt. Schlagzeilen wie HTML5: Worth the Hype? sind da aber trotzdem etwas deplaziert. Abgesehen davon, bietet der genannte Artikel aber einen schnellen Überblick.
Es setzt unter einigen vielleicht eine Ernüchterung ein. Euphorisch  losgerannt, wird/wurde [...]]]></description>
			<content:encoded><![CDATA[<p>HTML5 wird noch ein Weilchen brauchen. Zwar nicht unbedingt bis 2022. Trotzdem sind wir noch relativ weit von einem flächendeckenden Einsatz entfernt. Schlagzeilen wie <a href="http://www.instantshift.com/2010/04/26/html5-worth-the-hype/">HTML5: Worth the Hype?</a> sind da aber trotzdem etwas deplaziert. Abgesehen davon, bietet der genannte Artikel aber einen schnellen Überblick.</p>
<p>Es setzt unter einigen vielleicht eine Ernüchterung ein. Euphorisch  losgerannt, wird/wurde der ein oder andere jäh gebremst.</p>
<p><span id="more-1297"></span></p>
<p>Es gibt zwar schon das ein oder andere interessante Beispiel, ja sogar reale, in die Praxis umgesetzte Ansätze. So z.B. bei <a title="HTML5 Beta" href="http://www.youtube.com/html5">Youtube</a>. Das war&#8217;s dann aber auch schon. So lange noch in großem Stil Fallbacks eingebaut werden müssen, rechnet sich der Aufwand eben nicht. Außerdem gibts es bereits die ersten Nebenkriegsschauplätze. So könnte Flash beispielsweise zur Spaßbremse werden: <a href="http://it-republik.de/php/news/HTML-5-oder-Die-Angst-vor-dem-Flash-Ersatz-055040.html">Die Angst vor dem Flash-Ersatz</a>.</p>
<p>D.h. wir werden noch eine ganze Zeit mit dem schnöden alten Internet zu tun haben. Man kann aber dankbar sein, dass manch Einer die Zeit für Experimente mitbringt oder (finanzkräftige) Unternehmen, mit entsprechenden Forschungsressourcen Pionierarbeit leisten. So kann zumindest der Druck auf Browserhersteller und Standards-Stricker hoch gehalten werden. Nach dem Motto: „Da ist eigentlich schon was, das auch noch ganz gut funktioniert und Verbesserungen verspricht“.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/html-die-grose-ernuchterung-nicht/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Grundlagen machen Kinder froh und Erwachsene sowieso</title>
		<link>http://www.webzeugkoffer.de/grundlagen-machen-kinder-froh-und-erwachsene-sowieso/</link>
		<comments>http://www.webzeugkoffer.de/grundlagen-machen-kinder-froh-und-erwachsene-sowieso/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 08:54:20 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Job]]></category>
		<category><![CDATA[Basics]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1292</guid>
		<description><![CDATA[Es ist schon verführerisch, wie leicht die ersten Schritte gegangen werden können. HTML und CSS sind eben Auszeichnungssprachen und keine Programmiersprachen. Böse Zungen behaupten, dass HTML und CSS nichts für Erwachsene sind. Na ja&#8230; Die Erfahrenen unter uns wissen, wie solche Seitenhiebe zu nehmen sind.
So einfach kann es eigentlich nicht sein. Zumindest, wenn man sich [...]]]></description>
			<content:encoded><![CDATA[<p>Es ist schon verführerisch, wie leicht die ersten Schritte gegangen werden können. HTML und CSS sind eben Auszeichnungssprachen und keine Programmiersprachen. Böse Zungen behaupten, dass HTML und CSS nichts für Erwachsene sind. Na ja&#8230; Die Erfahrenen unter uns wissen, wie solche Seitenhiebe zu nehmen sind.</p>
<p>So einfach kann es eigentlich nicht sein. Zumindest, wenn man sich die Problem- und Fragestellungen in zahlreichen Foren etc. ansieht. Oft offenbare diese eben ein mangelndes Verständnis der Grundlagen. Gerade im Bezug auf CSS.</p>
<p><span id="more-1292"></span></p>
<p>In zwei Artikeln wurde u.a. auch darauf eingegangen.</p>
<blockquote><p>Weak constructs are most often due to the fact that people do not know what block formatting contexts are and what they do.<cite><a href="http://carsonified.com/blog/design/everything-you-know-about-clearfix-is-wrong/">Everything you Know about Clearfix is Wrong</a></cite></p></blockquote>
<blockquote><p>Often when designers try to explain a particular feature of CSS to each other, they get a few things wrong.<cite><a href="http://www.pxleyes.com/blog/2010/03/8-common-css-mistakes-and-how-to-fix-them/">8 Common CSS Mistakes and How to Fix Them</a></cite></p></blockquote>
<p>In einem Bewerbergespräch hatte ich mal das Vergnügen mit einem <em>Erwachsenen</em>. Zwei Fragen haben ausgereicht aufzuzeigen, wie einfach HTML &amp; CSS sind &#8211; nicht ;-)</p>
<h3>Da muss man durch: Grundregeln und Spezifikationen</h3>
<p>Grundlagenartikel, die mir selbst geholfen haben, habe ich vor ein paar Jahren mal übersetzt: <a href="http://www.webzeugkoffer.de/css-block-vs-inline/">Block vs. Inline</a> und <a href="http://www.webzeugkoffer.de/css-vererbung-und-kaskaden/">Vererbung und Kaskaden</a>. Es werden zentrale Grundkonzepte von CSS beschrieben. Mit diesem Grundlagenwissen lässt sich so manchem CSS-Problem vorbeugen.</p>
<p>Als Dauerbrenner immer zu empfehlen, ist die Einführung von Michael Jendryschik: <a href="http://jendryschik.de/wsdev/einfuehrung/">Einführung in XHTML, CSS und Webdesign</a>.</p>
<p>Es kann auch nicht schaden, sich mal durch die kompletten Spezifikationen zu wühlen. Zumindest bei Verständnisproblemen mal darauf zurückzugreifen. Also ran an die Specs: <a href="http://www.w3.org/MarkUp/#recommendations">(X)HTML</a> &amp; <a href="http://www.w3.org/Style/CSS/#specs">CSS</a> (W3C).</p>
<p>Zugegeben machen Spezifikationen und Grundregeln nicht alle Kinder froh. Wer aber fleißig ist, wird als Erwachsener mehr Spaß haben.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/grundlagen-machen-kinder-froh-und-erwachsene-sowieso/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>4, 5, 6 &#8211; Bei HTML ist alles im Fluss</title>
		<link>http://www.webzeugkoffer.de/4-5-6-bei-html-ist-alles-im-fluss/</link>
		<comments>http://www.webzeugkoffer.de/4-5-6-bei-html-ist-alles-im-fluss/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 09:12:53 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webstandards]]></category>
		<category><![CDATA[Webdev]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1232</guid>
		<description><![CDATA[Nach dem Spiel ist vor dem Spiel und oft denkt man schon während des Spiels an das nächste Spiel. So auch bei HTML. Wenn es eine 5 gibt, dann kann die 6 nicht weit sein. Oder besser man lässt die Versionsnummer gleich ganz weg.
HTML is an unbroken line stretching back almost two decades, and version [...]]]></description>
			<content:encoded><![CDATA[<p>Nach dem Spiel ist vor dem Spiel und oft denkt man schon während des Spiels an das nächste Spiel. So auch bei HTML. Wenn es eine 5 gibt, dann kann die 6 nicht weit sein. Oder besser man lässt die Versionsnummer gleich ganz weg.</p>
<blockquote><p><a href="http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element">HTML is an unbroken line</a> stretching back almost two decades, and version numbers are a vestige of an older development model for standards that never really matched reality very well anyway. HTML5 is so last week. Let&#8217;s talk about what&#8217;s next.<cite><a href="http://blog.whatwg.org/whats-next-in-html-episode-1">What’s Next in HTML, episode 1</a></cite></p></blockquote>
<p><span id="more-1232"></span></p>
<p>Zu begrüßen wäre es auf jeden Fall, wenn man die Versionierung los wird. Am besten auch die für&#8217;s Web. Kein Web 2.0 mehr. Einfach Web. Dauerwurst.</p>
<h3>Dazu andere</h3>
<p><a href="http://createordie.de/cod/news/HTML-Zukunft-Nach-5-kommt-6-053356.html">HTML-Zukunft: Nach 5 kommt 6</a> und <a href="http://www.webmonkey.com/blog/What_Comes_After_HTML5__Just_HTML">What Comes After HTML5? Just HTML</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/4-5-6-bei-html-ist-alles-im-fluss/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tabellen sind zum Heizen da</title>
		<link>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/</link>
		<comments>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 20:15:19 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=932</guid>
		<description><![CDATA[Und für tabellarische Daten. Eine neue sehr hitzige Diskussion, zum Thema Layout mit Tabellen und den Schwierigkeiten mit CSS, läuft seit gestern.

Es begann mit der Abhandlung Why CSS should not be used for layout. Weiter mit vielen Kommentaren im Blog unter dem gleich lautenden Titel Why CSS should not be used for layout. Immer daran [...]]]></description>
			<content:encoded><![CDATA[<p>Und für tabellarische Daten. Eine neue sehr hitzige Diskussion, zum Thema Layout mit Tabellen und den Schwierigkeiten mit CSS, läuft seit gestern.</p>
<p><span id="more-932"></span></p>
<p>Es begann mit der Abhandlung <span lang="en"><a href="http://www.flownet.com/ron/css-rant.html">Why CSS should not be used for layout</a></span>. Weiter mit vielen Kommentaren im Blog unter dem gleich lautenden Titel <span lang="en"><a href="http://rondam.blogspot.com/2009/02/why-css-should-not-be-used-for-layout.html#comments">Why CSS should not be used for layout</a></span>. Immer daran denken: Nicht zu Hause nachmachen. Mit Tabellen spielen ist gefährlich.</p>
<p>Gefolgt von zwei weiteren Beiträgen. <span lang="en"><a href="http://rondam.blogspot.com/2009/02/css-and-meaning-of-life.html">CSS and the meaning of life</a></span> und <span lang="en"><a href="http://rondam.blogspot.com/2009/02/on-semantics-of-html.html">On the semantics of HTML</a></span>.</p>
<p>Die Hitze der Diskussion reicht aus, um die paar Tage bis zum Frühling zu heizen.</p>
<p class="hint">Via <a title="Ajaxian" href="http://ajaxian.com/archives/css-for-layout-another-rant#comments">CSS for Layout. Another Rant</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Konkreter Blick auf HTML5. Keine Panik.</title>
		<link>http://www.webzeugkoffer.de/konkreter-blick-auf-html5-keine-panik/</link>
		<comments>http://www.webzeugkoffer.de/konkreter-blick-auf-html5-keine-panik/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 15:04:54 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webstandards]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=924</guid>
		<description><![CDATA[HTML5 &#8211; Was geht heute schon, was geht nicht? Der große Überblick: Hier beschäftigt sich Peter Kröner mit den Möglichkeiten von HTML5. Ein ganz interessanter Ausblick. HTML5 wird 2009 wohl große Schritte machen. Es wird viel darüber berichtet und es konkretisiert sich immer weiter. Andere rufen das HTML5-Jahr aus.
Aber keine Panik. Man muss es nicht [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/">HTML5 &#8211; Was geht heute schon, was geht nicht? Der große Überblick</a>: Hier beschäftigt sich Peter Kröner mit den Möglichkeiten von HTML5. Ein ganz interessanter Ausblick. HTML5 wird 2009 wohl große Schritte machen. Es wird <a title="12 resources for getting a jump on HTML5" href="http://cameronmoll.com/archives/2009/01/12_resources_for_html5/">viel darüber berichtet</a> und es konkretisiert sich immer weiter. Andere <a title="yatil!: Das HTML5-Jahr" href="http://yatil.de/Weblog/das-html5-jahr">rufen das HTML5-Jahr aus</a>.</p>
<p>Aber keine Panik. Man muss es nicht heute schon auf Biegen und Brechen einsetzen.</p>
<p><span id="more-924"></span></p>
<p>Mit Biegen und Brechen meine ich v.a. die Handstände, die man machen muss, um auch den IE zu einem möglichst sinnvollen Umgang mit HTML5 zu bewegen. Davon abgesehen, ist die Browserunterstützung insgesamt noch nicht soweit, als das man bereits von einer unbedingten Praxisrelevanz sprechen müsste.</p>
<p>Die Devise lautet dranbleiben und informieren. Wenn man darüber hinaus noch Zeit hat, kann man auch schon mit HTML5 experimentieren oder es, soweit bereits möglich, einsetzen. Eric Meyer hat es jüngst in einem konkreten Projekt eingesetzt und <a title="An Event apart and HTML5" href="http://meyerweb.com/eric/thoughts/2009/01/02/an-event-apart-and-html-5/">berichtet darüber</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/konkreter-blick-auf-html5-keine-panik/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Klares Süppchen kochen. (X)HTML sollte schon schön sauber sein.</title>
		<link>http://www.webzeugkoffer.de/klares-suppchen-kochen-xhtml-sollte-schon-schon-sauber-sein/</link>
		<comments>http://www.webzeugkoffer.de/klares-suppchen-kochen-xhtml-sollte-schon-schon-sauber-sein/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 21:01:00 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webstandards]]></category>
		<category><![CDATA[Markup]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=813</guid>
		<description><![CDATA[
Eins vorweg: Sauberer Quellcode ist sehr wichtig und sollte immer das Ziel sein. Nicht nur der Standardkonformität wegen.
Würde sich alles so schnell entwickeln, wie vielleicht erträumt, dann hätte man bei Fehlern im (X)HTML-Quellcode sogar mit größeren negativen Auswirkungen zu rechnen. Diskutieren müsste man dann eher nicht mehr. Wie in Programmiersprachen auch, wäre es dann so, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-815" title="Valides XHTML" src="http://www.webzeugkoffer.de/wp-content/uploads/2008/12/validxhtml.jpg" alt="" width="500" height="22" /></p>
<p>Eins vorweg: Sauberer Quellcode ist sehr wichtig und sollte immer das Ziel sein. Nicht nur der Standardkonformität wegen.</p>
<p>Würde sich alles so schnell entwickeln, wie vielleicht erträumt, dann hätte man bei Fehlern im (X)HTML-Quellcode sogar mit größeren negativen Auswirkungen zu rechnen. Diskutieren müsste man dann eher nicht mehr. Wie in Programmiersprachen auch, wäre es dann so, dass bei Fehlern in den meisten Fällen das Programm schlicht und ergreifend nicht läuft.</p>
<p>(X)HTML ist eine Auszeichnungssprache und lässt eben mehr Spielräume. Die Mühlen bei <em>3 mal W</em> mahlen bekanntlich etwas langsamer. Und so ist es derzeit so, dass auch Websites, deren Quellcode mit 100 oder mehr Fehlern gespickt ist, im Prinzip meist einwandfrei funktionieren. Die Verstöße gegen die allgemein gültigen Regeln sind meist (noch) rein formaler Natur &#8230;</p>
<p>Diese Erkenntnis soll aber bitte kein Freifahrtschein dafür sein, sich nicht mehr um die Qualität seines Quell- und CSS-Codes zu kümmern.</p>
<p><span id="more-813"></span></p>
<p>So schwingt das nämlich derzeit bei der ein oder anderen Diskussion durch. Z.B. hier: <a href="http://www.leemunroe.com/how-important-is-valid-html-web-standards/">Valid (X)HTML &#8211; Is it important?</a>. Zumindest etwas kontrovers diskutiert. An sich ein guter Artikel mit guten Denk- und Diskussionsansätzen.</p>
<p>Angetrieben sind die neuerlichen Diskussionen wahrscheinlich auch durch die Ergebnisse der MAMA-Studie (Operas Studie zum Thema Standardkonformität von Websites). Der Artikel <a href="http://www.webkrauts.de/2008/11/08/mama-studie-opera/">Operas MAMA-Studie: Die durchschnittliche Webseite validiert nicht</a> beschreibt und kommentiert das Ganze ausführlich. Auch die anschließende Dikussion dazu ist einen Besuch wert.</p>
<h3>Schlechter Code hat Konsequenzen</h3>
<p>Die Auswirkungen sind bisher dann eher größer, wenn der Code nicht sauber und effizient im Sinne von Organisation ist. Dann nämlich wird man das früher oder später bei Wartungskosten merken. Dann, wenn man im Team möglichst schnell und effizient entwickeln muss. Dann, wenn es darum geht, dass Code schnell nachvollziehbar und wartbar sein soll. Dabei hilft es ungemein, sauberen und fehlerfreien Code zu schreiben. Es diszipliniert auf gewisse Weise. Etwas Disziplin und Konzentration haben noch nie geschadet.</p>
<p>Jens Meiert schreibt zu diesem und verwandten Themen immer wieder gelungene Artikel. Allgemein ist das ein Thema, dem er sich verschrieben hat und zu dem er vieles richtige zu sagen hat. Wer seine Artikel bisher noch nicht kennt, sollte sich das bei ihm mal ansehen: <a title="Jens Meiert's Website" href="http://meiert.com">meiert.com</a></p>
<h3>Bleib sauber &#8211; soweit&#8217;s geht (?)</h3>
<p>Ganz deutlich bleibt festzustellen: Sauberen, d.h. validen und effizienten Quellcode zu schreiben, bedeutet in der Regel keinen Mehraufwand. Nur wenn man an die Grenzen der Machbarkeit stößt, sollte überhaupt über einen aktiven &#8220;Verstoß&#8221; nachgedacht werden.</p>
<p>Diese Grenzen sind wiederum dehnbar. Muss man bei einer Warnung des Validators immer auf fehlerhaften oder gar korrupten Code schließen? Ein Beispiel:</p>
<blockquote><p>line 90 column 616 &#8211; Warning: trimming empty &lt;span&gt;<cite>Warnmeldung nach HTML-Tidy</cite></p></blockquote>
<p>Bei welcher Gelegenheit hat man damit zu kämpfen? Genau, bei &#8220;runden Ecken&#8221; z.B. Das wiederum ist ein anderes Thema. In diesem Sinne, schönen Feierabend.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/klares-suppchen-kochen-xhtml-sollte-schon-schon-sauber-sein/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

