<?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>eckladen24 &#187; (X)HTML</title>
	<atom:link href="http://eckladen24.de/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://eckladen24.de</link>
	<description></description>
	<lastBuildDate>Mon, 04 Jul 2011 13:45:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Das HTML &lt;canvas&gt; Element</title>
		<link>http://eckladen24.de/2010/08/das-html-canvas-element/</link>
		<comments>http://eckladen24.de/2010/08/das-html-canvas-element/#comments</comments>
		<pubDate>Sat, 21 Aug 2010 14:05:33 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2963</guid>
		<description><![CDATA[Ein Beispiel für das Einbinden des &#60;canvas&#62; Elements: &#60;html&#62; &#60;head&#62; &#60;script type="application/x-javascript"&#62; function draw() { var canvas = document.getElementById("box"); var ctx = canvas.get Context("2d"); ctx.fillStyle = "rgb(163, 120, 240)"; ctx.fillRect (55, 50, 75, 100); } &#60;/script&#62; &#60;/head&#62; &#60;body onload="draw()"&#62; &#60;canvas id="box" width="250" height="250"&#62;&#60;/canvas&#62; &#60;/body&#62; &#60;/html&#62; Definition und Verwendung Das &#60;canvas&#62; Element steht für einen zweidimensionalen [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel für das Einbinden des &lt;canvas&gt; Elements:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script type="application/x-javascript"&gt;<br />
function draw() {<br />
var canvas = document.getElementById("box");<br />
var ctx = canvas.get Context("2d");<br />
ctx.fillStyle = "rgb(163, 120, 240)";<br />
ctx.fillRect (55, 50, 75, 100);<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body onload="draw()"&gt;<br />
&lt;canvas id="box" width="250" height="250"&gt;&lt;/canvas&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></p>
<p><span id="more-2963"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;canvas&gt; Element steht für einen zweidimensionalen Bereich, der für die Darstellung dynamischer Bitmap-Grfiken, z.B.Diagramme oder Spiele verwendet werden kann. Das auf dieser &#8220;Leinwand&#8221; (canvas) generierte Bild wird mit Skripten erzeugt.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;canvas&gt; Element wird von den aktuellen Browsern: Opera,   Firefox, Chrome und Safari unterstützt. Bei älteren Browser können   Probleme auftreten. Für den Internet  Explorer 9 wurde die Unterstützung angekündigt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;canvas&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Das Start-Tag &lt;canvas&gt; und End-Tag &lt;/canvas&gt;, sind für die richtige Verwendung erforderlich!</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/08/das-html-canvas-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;footer&gt; Element</title>
		<link>http://eckladen24.de/2010/08/das-html-footer-element/</link>
		<comments>http://eckladen24.de/2010/08/das-html-footer-element/#comments</comments>
		<pubDate>Sat, 07 Aug 2010 16:48:51 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2936</guid>
		<description><![CDATA[Ein Beispiel für das Einbinden des &#60;footer&#62; Elements: &#60;articel&#62; &#60;h2&#62;Überschrift&#60;/h2&#62; &#60;p&#62;Wichtiger Inhalt&#60;/p&#62; &#60;footer&#62;Copyright-Angaben, Datum und/oder Autor&#60;/footer&#62; &#60;/articel&#62; Definition und Verwendung Innerhalb des &#60;footer&#62; Elements stehen Informationen über eine Webseite oder einen Beitrag, wie zum Beispiel Copyright-Angaben, Veröffentlichungsdatum oder wichtige Informationen zum Autor, auch eine Liste mit Links zu weiterführenden Informationen ist möglich. In der Regel [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel für das Einbinden des &lt;footer&gt; Elements:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;articel&gt;<br />
&lt;h2&gt;Überschrift&lt;/h2&gt;<br />
&lt;p&gt;Wichtiger Inhalt&lt;/p&gt;<br />
&lt;footer&gt;Copyright-Angaben, Datum und/oder Autor&lt;/footer&gt;<br />
&lt;/articel&gt;</code></p>
<p><span id="more-2936"></span></p>
<h4>Definition und Verwendung</h4>
<p>Innerhalb des &lt;footer&gt; Elements stehen Informationen über eine Webseite oder einen Beitrag, wie zum Beispiel Copyright-Angaben, Veröffentlichungsdatum oder wichtige Informationen zum Autor, auch eine Liste mit Links zu weiterführenden Informationen ist möglich. In der Regel befindet sich das &lt;footer&gt; Element am Ende der Webseite oder des Beitrags. Für die korrekte Verwendung des &lt;footer&gt; Elements sind ein öffnendes Tag &lt;footer&gt; sowie ein schließendes Tag &lt;/footer&gt; zwingend erforderlich.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;footer&gt; Element wird von den aktuellen Browsern: Opera,   Firefox, Chrome und Safari unterstützt. Bei älteren Browser können   Probleme auftreten, sowie beim Internet  Explorer bis Version 8.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01 und HTML5</h4>
<p>Das &lt;footer&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/08/das-html-footer-element/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;details&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-details-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-details-element/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 09:04:44 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2853</guid>
		<description><![CDATA[Ein Beispiel zur Anwendung des &#60;details&#62; Elements: &#60;details&#62; &#60;dt&#62;HTML5&#60;/dt&#62; &#60;dd&#62;Hier stehen alle zusätzlichen Informationen zu HTML5&#60;/dd&#62; &#60;/details&#62; Definition und Verwendung Das &#60;details&#62; Element erzeugt einen Bereich, der angezeigt oder verborgen werden kann und dem Nutzer zusätzliche Informationen zu Kontrollelementen gibt. Zusätzlich kann das &#60;details&#62; Element die Elemente &#60;dt&#62; (zur Zusammenfassung der Details) sowie &#60;dd&#62; (in [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel zur Anwendung des &lt;details&gt; Elements:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;details&gt;<br />
&lt;dt&gt;HTML5&lt;/dt&gt;<br />
&lt;dd&gt;Hier stehen alle zusätzlichen Informationen zu HTML5&lt;/dd&gt;<br />
&lt;/details&gt;</code></p>
<p><span id="more-2853"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;details&gt; Element erzeugt einen Bereich, der angezeigt oder verborgen werden kann und dem Nutzer zusätzliche Informationen zu Kontrollelementen gibt. Zusätzlich kann das &lt;details&gt; Element die Elemente &lt;dt&gt; (zur Zusammenfassung der Details) sowie &lt;dd&gt; (in dem die Details selbst enthalten sind) beinhalten.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;details&gt; Element wird von den aktuellen Browsern: Opera,   Firefox, Chrome und Safari unterstützt. Bei älteren Browser können   Probleme auftreten. Für den Internet  Explorer sind keine Pläne zur  Unterstützung des &lt;details&gt; Elements veröffentlicht.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;details&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Das Start-Tag &lt;details&gt; und End-Tag  &lt;/details&gt;, sind für die richtige Verwendung erforderlich!</p>
<p><strong>Tipp:</strong> Um die zusätzlichen Informationen besser zu gliedern, ist die Verwendung der &lt;dt&gt;, &lt;dd&gt; oder des &lt;summary&gt; Tags sinnvoll.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-details-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;ins&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-ins-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-ins-element/#comments</comments>
		<pubDate>Sat, 26 Jun 2010 08:35:56 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2840</guid>
		<description><![CDATA[Ein Beispiel für die Anwendung des &#60;ins&#62; Elements: &#60;p&#62;Meine Lieblingsfarbe ist &#60;del titel="zu schrill"&#62;orange&#60;/del&#62; &#60;ins&#62;grün&#60;/ins&#62;.&#60;/p&#62; Definition und Verwendung Das &#60;ins&#62; (insert (engl.) = einfügen) Element kennzeichnet den Inhalt, der nachträglich in ein HTML-Dokument eingefügt wurde. Dies ist für Fälle nützlich in denen es wichtig ist, dass Änderungen nachverfolgt werden müssen, zum Beispiel: Gesetzestexte. Das Gegenstück [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel für die Anwendung des &lt;ins&gt; Elements:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;p&gt;Meine Lieblingsfarbe ist &lt;del titel="zu schrill"&gt;orange&lt;/del&gt; &lt;ins&gt;grün&lt;/ins&gt;.&lt;/p&gt;</code></p>
<p><span id="more-2840"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;ins&gt; (insert (engl.) = einfügen) Element kennzeichnet den Inhalt, der nachträglich in ein HTML-Dokument eingefügt wurde. Dies ist für Fälle nützlich in denen es wichtig ist, dass Änderungen nachverfolgt werden müssen, zum Beispiel: Gesetzestexte. Das Gegenstück zum &lt;ins&gt; Element ist das &lt;del&gt; Element, es markiert gelöschten Text. Das &lt;ins&gt; Element kann als Inline-Element sowie als Block-Element verwendet werden.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox     Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;ins&gt; Element wird von allen wichtigen Browsern unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>KEINE</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Wird das &lt;ins&gt; Element als Inline-Element verwendet, darf es keine Block-Elemente enthalten, dadurch werden die Verschachtelungsregeln verletzt.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-ins-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;hgroup&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-hgroup-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-hgroup-element/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 13:47:58 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2832</guid>
		<description><![CDATA[Ein Beispiel für die Anwendung des &#60;hgroup&#62; Elements: &#60;hgroup&#62; &#60;h1&#62;HTML-Referenz&#60;/h1&#62; &#60;h2&#62;Neu: Jetzt auch mit HTML5&#60;/h2&#62; &#60;/hgroup&#62; &#60;p&#62;Der Rest des Inhalts ...&#60;/p&#62; Definition und Verwendung Das &#60;hgroup&#62; Element dient dem gruppieren von Überschriften (&#60;h1&#62; &#8211; &#60;h6&#62;). Überschriften innerhalb des &#60;hgroup&#62; Elements, werden als Abschnitts- oder Kapitelüberschriften betrachtet und sind nicht Teil der allgemeinen Überschriftenhierarchie des HTML5-Dokuments. [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel für die Anwendung des &lt;hgroup&gt; Elements:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;hgroup&gt;<br />
&lt;h1&gt;HTML-Referenz&lt;/h1&gt;<br />
&lt;h2&gt;Neu: Jetzt auch mit HTML5&lt;/h2&gt;<br />
&lt;/hgroup&gt;<br />
&lt;p&gt;Der  Rest des Inhalts ...&lt;/p&gt;</code></p>
<p><span id="more-2832"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;hgroup&gt; Element dient dem gruppieren von Überschriften (&lt;h1&gt; &#8211; &lt;h6&gt;). Überschriften innerhalb des &lt;hgroup&gt; Elements, werden als Abschnitts- oder Kapitelüberschriften betrachtet und sind nicht Teil der allgemeinen Überschriftenhierarchie des HTML5-Dokuments.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;hgroup&gt; Element wird von den aktuellen Browsern: Opera,   Firefox, Chrome und Safari unterstützt. Bei älteren Browser können   Probleme auftreten. Für den Internet  Explorer sind keine Pläne zur  Unterstützung des &lt;audio&gt; Elements veröffentlicht.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;hgroup&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Das Start-Tag &lt;hgroup&gt; und End-Tag  &lt;/hgroup&gt;, sind für die richtige Verwendung erforderlich!</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-hgroup-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;hr&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-hr-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-hr-element/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 18:33:16 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2821</guid>
		<description><![CDATA[Nachfolgend ein Beispiel für die Anwendung des &#60;hr&#62; Elementes in HTML: &#60;h4&#62;Definition und Verwendung/h4&#62; &#60;hr&#62; &#60;h4&#62;Browser Support Browser-Unterstützung&#60;/h4&#62; Definition und Verwendung Das &#60;hr&#62; Element fügt eine horizontale Linie in ein HTML Dokument ein. Es ist eines der wenigen übriggebliebenen Präsentationselemente. Bei dem &#60;hr&#62; Element handelt es sich um ein Block-Element. Browser Support Browser-Unterstützung Das &#60;hr&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>Nachfolgend ein Beispiel für die Anwendung des &lt;hr&gt; Elementes in HTML:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;h4&gt;Definition und Verwendung/h4&gt;<br />
&lt;hr&gt;<br />
&lt;h4&gt;Browser  Support Browser-Unterstützung&lt;/h4&gt;</code></p>
<p><span id="more-2821"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;hr&gt; Element fügt eine horizontale Linie in ein HTML Dokument ein. Es ist eines der wenigen übriggebliebenen Präsentationselemente. Bei dem &lt;hr&gt; Element handelt es sich um ein Block-Element.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;hr&gt; Element wird von allen aktuellen Browsern unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;hr&gt; Element ist in HTML5 weiterhin enthalten, wurde jedoch neu definiert, es dient nun zur thematischen Trennung auf Absatzebene.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Da das &lt;hr&gt; Element ein leeres Element ist, ist in HTML das End-Tag nicht gestattet. In XHTML wird das &lt;hr /&gt; Element mit einem Schrägstrich vor der spitzen Klammer geschlossen. Um die Rückwärtskompatibilität mit älteren Browsern zuerhöhen, ist es Sinnvollvor dem Schrägstrich ein Leerzeichen einzufügen.<br />
<strong>Tipp: </strong>Mit Hilfe der CSS-Eigenschaft <code>border</code> lässt sich  leicht eine horizontale Linie an der Ober- oder Unterkante von Elementen gestalten.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-hr-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;noframe&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-noframe-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-noframe-element/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 08:23:41 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2813</guid>
		<description><![CDATA[Ein Beispiel für die Anwendug des &#60;noframe&#62; Elements in HTML: &#60;noframe&#62; &#60;p&#62;Ihr Browser unterstützt keine Frames&#60;/p&#62; &#60;/noframe&#62; Definition und Verwendung Das &#60;noframe&#62; Elementdefiniert den Inhalt, der vom Browser angezeigt wird, wenn keine Frames dargestellt werden können. Browser, die Frames unterstützen, ignorieren den Inhalt des &#60;noframe&#62; Elements. Browser Support Browser-Unterstützung Das &#60;noframe&#62; Element wird von allen [...]]]></description>
			<content:encoded><![CDATA[<p>Ein Beispiel für die Anwendug des &lt;noframe&gt;  Elements in HTML:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;noframe&gt;<br />
&lt;p&gt;Ihr Browser unterstützt keine Frames&lt;/p&gt;<br />
&lt;/noframe&gt;</code></p>
<p><span id="more-2813"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;noframe&gt; Elementdefiniert den Inhalt, der vom Browser angezeigt wird, wenn keine Frames dargestellt werden können. Browser, die Frames unterstützen, ignorieren den Inhalt des &lt;noframe&gt; Elements.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox    Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;noframe&gt; Element wird von allen wichtigen Browsern  unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;noframe&gt; Element ist nicht Teil von HTML5.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-noframe-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;sup&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-sup-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-sup-element/#comments</comments>
		<pubDate>Sat, 12 Jun 2010 19:26:34 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2808</guid>
		<description><![CDATA[Das E=MC2 Beispiel zeigt die Anwendug des &#60;sup&#62; Elements in HTML: &#60;p&#62; E=MC&#60;sup&#62;2&#60;/sup&#62; &#60;/p&#62; Definition und Verwendung Das &#60;sup&#62; Element (superscript) formatiert den enthaltenen Text als hochgestellt. Browser Support Browser-Unterstützung Das &#60;sup&#62; Element wird von allen wichtigen Browsern unterstützt. Unterschiede zwischen HTML 4.01, XHTML und HTML5 KEINE]]></description>
			<content:encoded><![CDATA[<p>Das E=MC<sup>2</sup> Beispiel zeigt die Anwendug des &lt;sup&gt; Elements in HTML:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;p&gt;<br />
E=MC&lt;sup&gt;2&lt;/sup&gt;<br />
&lt;/p&gt;</code></p>
<p><span id="more-2808"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;sup&gt; Element (superscript) formatiert den enthaltenen Text als hochgestellt.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;sup&gt; Element wird von allen wichtigen Browsern unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>KEINE</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-sup-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;sub&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-sub-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-sub-element/#comments</comments>
		<pubDate>Sat, 12 Jun 2010 10:20:59 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2797</guid>
		<description><![CDATA[Das H2O Beispiel zeigt die Anwendug des &#60;sub&#62; Elements in HTML: &#60;p&#62; H&#60;sub&#62;2&#60;/sub&#62;O &#60;/p&#62; Definition und Verwendung Das &#60;sub&#62; Element (subscript) formatiert den enthaltenen Text als tiefgestellt. Browser Support Browser-Unterstützung Das &#60;sub&#62; Element wird von allen wichtigen Browsern unterstützt. Unterschiede zwischen HTML 4.01, XHTML und HTML5 KEINE]]></description>
			<content:encoded><![CDATA[<p>Das H<sub>2</sub>O Beispiel zeigt die Anwendug des &lt;sub&gt; Elements in HTML:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;p&gt;<br />
H&lt;sub&gt;2&lt;/sub&gt;O<br />
&lt;/p&gt;</code></p>
<p><span id="more-2797"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;sub&gt; Element (subscript) formatiert den enthaltenen Text als tiefgestellt.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;sub&gt; Element wird von allen wichtigen Browsern unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>KEINE</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-sub-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;menu&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-menu-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-menu-element/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 12:12:17 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2743</guid>
		<description><![CDATA[Nachfolgendes Beispiel zeigt eine Anwendungsmöglichkeit für das &#60;menu&#62; Element: &#60;menu&#62; &#60;li&#62;&#60;input type="checkbox" /&#62;ROT&#60;/li&#62; &#60;li&#62;&#60;input type="checkbox" /&#62;BLAU&#60;/li&#62; &#60;/menu&#62; Definition und Verwendung Das &#60;menu&#62; Element kennzeichnet eine Menüliste aus einem odere mehreren Listeneinträgen. Gedacht war das &#60;menu&#62; Element unter HTML 4.01 für eine kurze Liste  mit Auswahlmöglichkeiten, zum Beispiel für Links die auf andere Dokumente verweisen. Mit [...]]]></description>
			<content:encoded><![CDATA[<p>Nachfolgendes Beispiel zeigt eine Anwendungsmöglichkeit für das &lt;menu&gt; Element:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;menu&gt;<br />
&lt;li&gt;&lt;input type="checkbox" /&gt;ROT&lt;/li&gt;<br />
&lt;li&gt;&lt;input type="checkbox" /&gt;BLAU&lt;/li&gt;<br />
&lt;/menu&gt;</code></p>
<p><span id="more-2743"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;menu&gt; Element kennzeichnet eine Menüliste aus einem odere mehreren Listeneinträgen. Gedacht war das &lt;menu&gt; Element unter HTML 4.01 für eine kurze Liste  mit Auswahlmöglichkeiten, zum Beispiel für Links die auf andere Dokumente verweisen. Mit HTML5 steht das &lt;menu&gt; Element für eine Liste mit interaktiven Optionen oder Befehlen, Beispielsweise ein Menü mit Optionen einer Webapplikation.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das &lt;menu&gt; Element wird von den aktuellen Browsern: Opera, Firefox, Chrome und Safari unterstützt. Bei älteren Browser können Probleme auftreten. Für den Internet Explorer sind keine Pläne zur Unterstützung des &lt;menu&gt; Elements veröffentlicht.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;menu&gt; Element galt in HTML 4.01 als veraltet, mit HTML5 ist das Element neu definiert.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Das Start-Tag &lt;menu&gt; und End-Tag  &lt;/menu&gt;, sind für die richtige Verwendung erforderlich!<br />
<strong>Tipp: </strong>Mit CSS lässt sich das &lt;menu&gt; Element leicht gestalten.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-menu-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;command&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-command-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-command-element/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 05:55:16 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2737</guid>
		<description><![CDATA[Folgendes Beispiel zeigt, wie das &#60;command&#62; Element in HTML5 eingebunden wird: &#60;menu&#62; &#60;command onclick="cut()" label=Ausschneiden"&#62; &#60;command onclick="copy()" label=Kopieren"&#62; &#60;command onclick="paste()" label=Einfügen"&#62; &#60;command onclick="delete()" label=Löschen"&#62; &#60;/menu&#62; Definition und Anwendung Das &#60;command&#62; Element wird innerhalb des &#60;menu&#62; Elelments verwendet. Als interaktives Element steht es für eine sofortige Aktion, die vom Nutzer ausgelöst wird (in der Regel geschieht [...]]]></description>
			<content:encoded><![CDATA[<p>Folgendes Beispiel zeigt, wie das &lt;command&gt; Element in HTML5 eingebunden wird:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;menu&gt;<br />
&lt;command onclick="cut()" label=Ausschneiden"&gt;<br />
&lt;command onclick="copy()" label=Kopieren"&gt;<br />
&lt;command onclick="paste()" label=Einfügen"&gt;<br />
&lt;command onclick="delete()" label=Löschen"&gt;<br />
&lt;/menu&gt;</code></p>
<p><span id="more-2737"></span></p>
<h4>Definition  und Anwendung</h4>
<p>Das &lt;command&gt; Element wird innerhalb des &lt;menu&gt; Elelments verwendet. Als interaktives Element steht es für eine sofortige Aktion, die vom Nutzer ausgelöst wird (in der Regel geschieht dies sonst durch einen <code>onclick</code>-Event).</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;command&gt; Element wird von den aktuellen Browsern: Opera,  Firefox, Chrome und Safari unterstützt. Bei älteren Browser können  Probleme auftreten. Der Internet Explorer unterstützt das &lt;command&gt; Element nicht.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>In HTML hat das &lt;command&gt; kein End-Tag.</p>
<p>In XHTML muss das &lt;command /&gt; Element richtig  geschlossen werden.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweis</strong><strong>:</strong> Das &lt;command&gt; Element ist ein leeres Element.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-command-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;button&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-button-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-button-element/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 06:02:59 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2729</guid>
		<description><![CDATA[Eine Schaltfläche ist wie folgt gekennzeichnet: &#60;button type="button"&#62; Klick mich! &#60;/ button&#62; Definition und Anwendung Das &#60;button&#62; Element definiert eine Schaltfläche,die ähnlich funktioniert wie Buttons, die mit dem Element &#60;input&#62; erzeugt werden, jedoch bietet das &#60;button&#62; Element wesentlich mehr Darstellungsmöglichkeiten. Es können Bilder (jedoch keine Imagemaps) oder Text für den Inhalt verwedet werden. Anwedung findet [...]]]></description>
			<content:encoded><![CDATA[<p>Eine Schaltfläche ist wie folgt gekennzeichnet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;button  type="button"&gt; Klick mich! &lt;/ button&gt;</code></p>
<p><span id="more-2729"></span></p>
<h4>Definition  und Anwendung</h4>
<p>Das &lt;button&gt; Element definiert eine Schaltfläche,die ähnlich funktioniert wie Buttons, die mit dem Element &lt;input&gt; erzeugt werden, jedoch bietet das &lt;button&gt; Element wesentlich mehr Darstellungsmöglichkeiten. Es können Bilder (jedoch keine Imagemaps) oder Text für den Inhalt verwedet werden. Anwedung findet das &lt;button&gt; Element als Teil von Webformularen.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox    Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;button&gt; Element wird von allen wichtigen Browsern unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Für HTML5 sind neue Attribute hinzugefügt wurden: autofokus, form, formaction, formenctype,  formmethod, formnovalidate und formtarget.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweiss:</strong> Das Start-Tag &lt;button&gt; und End-Tag &lt;/button&gt;, sind für die  richtige Verwendung erforderlich!</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-button-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;audio&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-audio-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-audio-element/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 14:44:20 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2723</guid>
		<description><![CDATA[Eine Audiodatei wird mit HTML5 folgendermaßen eingebunden: &#60;audio src="musikdatei.ogg" autoplay controls&#62; Dieser Browser unterstützt keine &#60;code&#62;audio&#60;/code&#62;-Elemente. &#60;/audio&#62; Definition und Verwendung Mittels des &#60;audio&#62; Elements werden Audiodateien in eine Webseite eingebunden. Auch wenn der Browser das Element selbst nicht unterstützt, kann sein Inhalt trotzdem verwndet werden. Browser Support Browser-Unterstützung Das &#60;audio&#62; Element wird von den aktuellen [...]]]></description>
			<content:encoded><![CDATA[<p>Eine Audiodatei wird mit HTML5 folgendermaßen eingebunden:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;audio src="musikdatei.ogg" autoplay controls&gt;<br />
Dieser Browser unterstützt keine &lt;code&gt;audio&lt;/code&gt;-Elemente.<br />
&lt;/audio&gt;</code></p>
<p><span id="more-2723"></span></p>
<h4>Definition und Verwendung</h4>
<p>Mittels des &lt;audio&gt; Elements werden Audiodateien in eine Webseite eingebunden. Auch wenn der Browser das Element selbst nicht unterstützt, kann sein Inhalt trotzdem verwndet werden.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;audio&gt; Element wird von den aktuellen Browsern: Opera,  Firefox, Chrome und Safari unterstützt. Bei älteren Browser können  Probleme auftreten. Für den Internet  Explorer sind keine Pläne zur Unterstützung des &lt;audio&gt; Elements veröffentlicht.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>Das &lt;audio&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweise: </strong>Das Start-Tag &lt;audio&gt; und End-Tag &lt;/audio&gt;, sind für die richtige Verwendung erforderlich!</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-audio-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;b&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-b-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-b-element/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 10:56:05 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2572</guid>
		<description><![CDATA[Um einen Text in HTML Fett darzustellen wird das &#60;b&#62; Element verwendet: &#60;p&#62;Es war ein &#60;b&#62;rotes&#60;/b&#62; Haus mit &#60;b&#62;blauer &#60;/b&#62;Tür.&#60;/p&#62; Definition und Anwendung Von &#60;b&#62;&#60;/ b&#62; Tags umschlossener Text wird Fett dargestellt. Die folgenden Tags sind innerhalb der &#60;b&#62;&#60;/ b&#62; Tag gültig: a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, dfn, [...]]]></description>
			<content:encoded><![CDATA[<p>Um einen Text in HTML Fett darzustellen wird das &lt;b&gt; Element verwendet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;p&gt;Es war ein &lt;b&gt;rotes&lt;/b&gt; Haus mit &lt;b&gt;blauer &lt;/b&gt;Tür.&lt;/p&gt;</code></p>
<p><span id="more-2572"></span></p>
<h4>Definition  und Anwendung</h4>
<p>Von &lt;b&gt;&lt;/ b&gt; Tags umschlossener Text wird Fett dargestellt. Die folgenden  Tags sind innerhalb der &lt;b&gt;&lt;/ b&gt; Tag gültig: a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code,  dfn, em, font, i, iframe, img, input, kbd, label, map, object, q, s,  samp, script, select, small, span, strike, strong, sub, sup, textarea,  tt, u, var.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;b&gt; Element wird von allen wichtigen Browsern   unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>KEINE</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Tipp</strong><strong>:</strong> Das &lt;b&gt;&lt;/ b&gt;Element ist nicht veraltet, jedoch ist es möglich, mit CSS bessere Effekte zu  erzielen.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-b-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;bdo&gt; Element</title>
		<link>http://eckladen24.de/2010/06/das-html-bdo-element/</link>
		<comments>http://eckladen24.de/2010/06/das-html-bdo-element/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 10:29:48 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2547</guid>
		<description><![CDATA[So wird die bidirektionale Algorithmus in HTML überschrieben: &#60;bdo lang=\"he\" dir=\"rtl\"&#62;Ein Text in hebräischer Sprache geschrieben.&#60;/bdo&#62; Definition und Anwendung Mit Hilfe des &#60;bdo&#62; Tags wird die Text-Richtung angegeben und der vorgegebene bidirektionale Algorithmus für die Sprache und Display-Richtung wird überschrieben. Die folgenden Tags sind innerhalb der &#60;bdo&#62; Tag gültig: a, abbr, acronym, applet, b, basefont, [...]]]></description>
			<content:encoded><![CDATA[<p>So wird die bidirektionale Algorithmus in HTML überschrieben:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;bdo lang=\"he\" dir=\"rtl\"&gt;Ein Text in hebräischer  Sprache geschrieben.&lt;/bdo&gt;</code></p>
<p><span id="more-2547"></span></p>
<h4>Definition  und Anwendung</h4>
<p>Mit Hilfe des &lt;bdo&gt; Tags wird die Text-Richtung angegeben und der  vorgegebene bidirektionale Algorithmus für  die Sprache und Display-Richtung wird überschrieben. Die  folgenden Tags sind innerhalb der &lt;bdo&gt; Tag gültig:<br />
a,  abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code,  dfn, em, font, i, iframe, img, input, kbd, label, map, object, q, s,  samp, script, select, small, span, strike, strong, sub, sup, textarea,  tt, u, var.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;bdo&gt; Element wird von allen wichtigen Browsern  unterstützt. Dieses Element wird von der Safari-Version 2 oder früher nicht unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01, XHTML und HTML5</h4>
<p>In HTML hat das &lt;bdo&gt; kein End-Tag.</p>
<p>Ab XHTML muss das &lt;bdo /&gt; Element richtig  geschlossen werden.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweis</strong><strong>:</strong> Vorsichtig die Cross-Browser-Unterstützung ist nicht gut. Das &lt;bdo&gt; Tag  ändert nichts an der Sprache oder der Richtung des Textes, sondern dient vielmehr als eine Kennung für den Text, den es umgibt.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/06/das-html-bdo-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;base /&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-base-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-base-element/#comments</comments>
		<pubDate>Wed, 26 May 2010 17:03:28 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2538</guid>
		<description><![CDATA[Um eine Standard-URL und ein Standard-Ziel für alle Links auf einer Webseite festzulegen, wird das &#60;base /&#62; Element folgendermaßen verwendet: &#60;head&#62; &#60;base href="http://domainname.de/verzeichnis/" /&#62; &#60;base target="_blank" /&#62; &#60;/head&#62; &#60;body&#62; &#60;img src="bild.gif" /&#62; &#60;a href="http://domainname.de"&#62;Linktext&#60;/a&#62; &#60;/body&#62; Definition und Verwendung Wird Webseiten der Domainname über das &#60;base /&#62; Element mitgegeben, erschwert dies, dass so genannte Hijacking (Entführen) [...]]]></description>
			<content:encoded><![CDATA[<p>Um eine  Standard-URL und ein Standard-Ziel für alle Links auf einer Webseite festzulegen, wird das &lt;base /&gt; Element folgendermaßen verwendet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;head&gt;<br />
&lt;base href="http://domainname.de/verzeichnis/" /&gt;<br />
&lt;base target="_blank" /&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;img src="bild.gif" /&gt;<br />
&lt;a href="http://domainname.de"&gt;Linktext&lt;/a&gt;<br />
&lt;/body&gt;</code></p>
<p><span id="more-2538"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Wird Webseiten der Domainname über das &lt;base /&gt; Element mitgegeben, erschwert dies, dass so genannte Hijacking (Entführen) von Webseiten. Das &lt;base /&gt; Element kann verhindern, dass die eigenen Webseiten von fremden Domains dargestellt werden. Verwendet wird das Element im inneren des Kopfbereiches(&lt;head&gt; Element).</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox    Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;base /&gt; Element wird von allen wichtigen Browsern    unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>Ab XHTML 1.0 muss das &lt;base /&gt; Element korrekt geschlossen werden.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweis:</strong> Das &lt;base /&gt; Element legt die Startadresse für relative Verzeichnisangaben fest. Wird ein Unterverzeichnis falsch angegeben, wirkt der Schutz vor Hijacking auch auf der eigenen Webseite. Die Verwendung absoluter Links verhindert dies (http://domainname.de/verzeichnis/datei.html statt datei.html).</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-base-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;article&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-article-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-article-element/#comments</comments>
		<pubDate>Wed, 19 May 2010 08:36:24 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2522</guid>
		<description><![CDATA[Das &#60;article&#62; Element wird in HTML5 Dateien folgendermaßen eingebunden: &#60;article&#62; &#60;h2&#62;HTML5&#60;/h2&#62; &#60;p&#62;Einige HTML5 Element sind bereits in aktuellen Browserversionen enthalten, können somit bereits verwendet werden.&#60;/p&#62; &#60;/article&#62; Definition und Verwendung Das &#60;article&#62; Element definiert einen unabhängigen Bereich mit externen Inhalten innerhalb einer Webseite. Mögliche externe Inhalte können sein: News-Artikel von einem externen Provider, ein Text aus [...]]]></description>
			<content:encoded><![CDATA[<p>Das &lt;article&gt; Element wird in HTML5 Dateien folgendermaßen eingebunden:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;article&gt;<br />
&lt;h2&gt;HTML5&lt;/h2&gt;<br />
&lt;p&gt;Einige HTML5 Element sind bereits in aktuellen Browserversionen enthalten, können somit bereits verwendet werden.&lt;/p&gt;<br />
&lt;/article&gt;</code></p>
<p><span id="more-2522"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;article&gt; Element definiert einen unabhängigen Bereich mit externen Inhalten innerhalb einer Webseite. Mögliche externe Inhalte können sein: News-Artikel von einem externen Provider,  ein Text aus einem Blog oder Forum oder Kommentare, also  jeglicher anderer Inhalt aus externen Quellen.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;article&gt; Element wird von den aktuellen Browsern: Opera,  Firefox, Chrome und Safari unterstützt. Bei älteren Browser können  Probleme auftreten, sowie beim Internet  Explorer bis Version 8.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01 und HTML5</h4>
<p>Das &lt;article&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Hinweis:</strong> Das &lt;article&gt; Element kennzeichnet einen inhaltlichen Bereich auf einer Webseite, der zwar im Zusammenhang der  Seite steht, aber für sich eigenständig ist.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-article-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;aside&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-aside-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-aside-element/#comments</comments>
		<pubDate>Mon, 17 May 2010 15:16:38 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2513</guid>
		<description><![CDATA[Querverweise, zusätzliche Informationen und ähnliches werden in HTML5 Dateien mit dem &#60;aside&#62; Element eingebunden: &#60;aside&#62; &#60;h1&#62;Zusatzinformation&#60;/h1&#62; &#60;p&#62;Zusätzliche Informationen über HTML können auch als erläuternder Kasten eingefügt werden.&#60;/p&#62; &#60;/aside&#62; Definition und Verwendung Das &#60;aside&#62; Element definiert in HTML5 Dateien Inhalt, welcher zum Beispiel Marginalien, Definitionen oder Erläuterungen, Querverweise und  zusätzliche Informationen beinhalten kann. Sinnvoll ist der [...]]]></description>
			<content:encoded><![CDATA[<p>Querverweise, zusätzliche Informationen und ähnliches werden in HTML5 Dateien mit dem &lt;aside&gt; Element eingebunden:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;aside&gt;<br />
&lt;h1&gt;Zusatzinformation&lt;/h1&gt;<br />
&lt;p&gt;Zusätzliche Informationen über HTML können auch als erläuternder Kasten eingefügt werden.&lt;/p&gt;<br />
&lt;/aside&gt;</code></p>
<p><span id="more-2513"></span></p>
<h4>Definition und Verwendung</h4>
<p>Das &lt;aside&gt; Element definiert in HTML5 Dateien Inhalt, welcher zum Beispiel Marginalien, Definitionen oder Erläuterungen, Querverweise und  zusätzliche Informationen beinhalten kann. Sinnvoll ist der Einsatz des &lt;aside&gt; Elements bei Sidebars und auch für inhaltliche Einschübe zum Hauptbeitrag.</p>
<hr />
<h4>Browser  Support Browser-Unterstützung</h4>
<p><img title="FireFox  Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;aside&gt; Element wird von den aktuellen Browsern: Opera, Firefox, Chrome und Safari unterstützt. Bei älteren Browser können Probleme auftreten, zum Beispiel beim Firefox2 und jedem anderen Browser mit einer Gecko-Engine kleiner als Version 1.9b5, sowie der Internet Explorer bis Version 8.</p>
<hr />
<h4>Unterschiede zwischen HTML 4.01 und HTML5</h4>
<p>Das &lt;aside&gt; Element wird mit HTML5 eingeführt.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-aside-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Die HTML &lt;h1&gt; bis &lt;h6&gt; Elemente</title>
		<link>http://eckladen24.de/2010/05/die-html-h1-bis-h6-elemente/</link>
		<comments>http://eckladen24.de/2010/05/die-html-h1-bis-h6-elemente/#comments</comments>
		<pubDate>Tue, 11 May 2010 09:26:35 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2492</guid>
		<description><![CDATA[In (X)HTML werden Überschriften folgendermaßen in sechs Hiearchieebenen gegliedert: &#60;h1&#62;erste Hierarchie einer Überschrift&#60;/h1&#62; &#60;h2&#62;zweite Hierarchie einer Überschrift&#60;/h2&#62; &#60;h3&#62;dritte Hierarchie einer Überschrift&#60;/h3&#62; &#60;h4&#62;vierte Hierarchie einer Überschrift&#60;/h4&#62; &#60;h5&#62;fünfte Hierarchie einer Überschrift&#60;/h5&#62; &#60;h6&#62;sechste Hierarchie einer Überschrift&#60;/h6&#62; Definition und Verwendung Die &#60;h1&#62; bis &#60;h6&#62; Elemente werden verwendet, um HTML-Überschriften zu definieren. Überschriften geben dem Auge Halt und dem Screenreader [...]]]></description>
			<content:encoded><![CDATA[<p>In (X)HTML werden Überschriften folgendermaßen in sechs Hiearchieebenen gegliedert:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;h1&gt;erste Hierarchie einer Überschrift&lt;/h1&gt;<br />
&lt;h2&gt;zweite Hierarchie einer Überschrift&lt;/h2&gt;<br />
&lt;h3&gt;dritte Hierarchie einer Überschrift&lt;/h3&gt;<br />
&lt;h4&gt;vierte Hierarchie einer Überschrift&lt;/h4&gt;<br />
&lt;h5&gt;fünfte Hierarchie einer Überschrift&lt;/h5&gt;<br />
&lt;h6&gt;sechste Hierarchie einer Überschrift&lt;/h6&gt;</code></p>
<p><span id="more-2492"></span><br />
<h4>Definition  und Verwendung</h4>
<p>Die  &lt;h1&gt; bis &lt;h6&gt; Elemente werden verwendet, um  HTML-Überschriften zu  definieren. Überschriften geben dem Auge Halt und dem Screenreader und der Suchmaschine Informationenüber die Art des dargestellten Inhalts. Es gibt sechs verschiedene Hierarchieebenen.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox        Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;dd&gt; Element wird von allen wichtigen Browsern     unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p>Überschriften sollten so eingesetzt werden, dass sie Sinn machen. Das Aussehen ist zweitrangig, denn das kann mit Hilfe von CSS besser gestaltet werden.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/die-html-h1-bis-h6-elemente/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;dd&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-element-6/</link>
		<comments>http://eckladen24.de/2010/05/das-html-element-6/#comments</comments>
		<pubDate>Thu, 06 May 2010 15:43:06 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2440</guid>
		<description><![CDATA[Innerhalb einer Definitionsliste wird eine Definition folgendermaßen gekennzeichnet:: &#60;dl&#62; &#60;dt&#62;Definitionsbegriff&#60;/dt&#62; &#60;dd&#62;Definition&#60;/dd&#62; &#60;/dl&#62; Definition und Verwendung Das &#60;dd&#62; Element umschließt den zu definierenden Begriff einer Definitionliste. Das &#60;dd&#62; Element wird immer innerhalb des &#60;dl&#62; Elements verwendet. Eine Definitionsliste besteht aus den drei Elementen: &#60;dl&#62;, &#60;dt&#62; und &#60;dd&#62;. Browser-Unterstützung Das &#60;dd&#62; Element wird von allen wichtigen Browsern [...]]]></description>
			<content:encoded><![CDATA[<p>Innerhalb einer Definitionsliste wird eine Definition  folgendermaßen gekennzeichnet::</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;dl&gt;<br />
&lt;dt&gt;Definitionsbegriff&lt;/dt&gt;<br />
&lt;dd&gt;Definition&lt;/dd&gt;<br />
&lt;/dl&gt;</code></p>
<p><span id="more-2440"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Das &lt;dd&gt; Element umschließt den zu definierenden Begriff einer Definitionliste. Das &lt;dd&gt; Element wird immer innerhalb des <a title="Das HTML &lt;dl&gt; Element | eckladen24" href="http://eckladen24.de/2010/05/das-html-dl-element/" target="_self">&lt;dl&gt;</a> Elements verwendet. Eine Definitionsliste besteht aus den drei Elementen: <a title="Das HTML &lt;dl&gt; Element | eckladen24" href="http://eckladen24.de/2010/05/das-html-dl-element/" target="_self">&lt;dl&gt;</a>, <a href="http://eckladen24.de/2010/05/das-html-dt-element/" target="_self">&lt;dt&gt;</a> und &lt;dd&gt;.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox       Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;dd&gt; Element wird von allen wichtigen Browsern    unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-element-6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;dt&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-dt-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-dt-element/#comments</comments>
		<pubDate>Wed, 05 May 2010 06:30:09 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2434</guid>
		<description><![CDATA[Innerhalb einer Definitionsliste wird der Definitionbegriff folgendermaßen gekennzeichnet: &#60;dl&#62; &#60;dt&#62;Der Definitionsbegriff&#60;/dt&#62; &#60;dd&#62;der zu definierende Begriff&#60;/dd&#62; &#60;/dl&#62; Definition und Verwendung Mit Hilfe des &#60;dt&#62; Elements wird in HTML der Definitionsbegriff einer Definitionsliste gekennzeichnet. Das &#60;dt&#62; Element wird immer in Verbindung mit &#60;dl&#62; und &#60;dd&#62; Elementen verwendet. Browser-Unterstützung Das &#60;dt&#62; Element wird von allen wichtigen Browsern unterstützt. [...]]]></description>
			<content:encoded><![CDATA[<p>Innerhalb einer Definitionsliste wird der Definitionbegriff folgendermaßen gekennzeichnet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;dl&gt;<br />
&lt;dt&gt;Der Definitionsbegriff&lt;/dt&gt;<br />
&lt;dd&gt;der zu definierende Begriff&lt;/dd&gt;<br />
&lt;/dl&gt;</code></p>
<p><span id="more-2434"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Mit Hilfe des &lt;dt&gt; Elements wird in HTML der Definitionsbegriff einer Definitionsliste gekennzeichnet. <span onmouseover="_tipon(this)" onmouseout="_tipoff()">Das  &lt;dt&gt; Element wird immer in Verbindung mit &lt;dl&gt; und &lt;dd&gt; Elementen verwendet.<br />
</span></p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox       Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;dt&gt; Element wird von allen wichtigen Browsern    unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr />
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;">&lt;p style=&#8221;border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;&#8221;&gt;&lt;code style=&#8221;background: #f0f0f0;&#8221;&gt;</div>
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-dt-element/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;dl&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-dl-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-dl-element/#comments</comments>
		<pubDate>Mon, 03 May 2010 14:08:00 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2425</guid>
		<description><![CDATA[Mit HTML wird eine Definitionliste folgendermaßen aufgebaut: &#60;dl&#62; &#60;dt&#62;Definitionsbegriff&#60;/dt&#62; &#60;dd&#62;Umschließt die Definition des Begriffs&#60;/dd&#62; &#60;/dl&#62; Definition und Verwendung Das &#60;dl&#62; Element wird verwendet, um Definitionen in einer Listenform darzustellen. Definitionslisten bestehen aus den drei Elementen &#60;dl&#62; (dem Beginn der Auflistung), &#60;dt&#62; (dem zu definierenden Begriff) und  &#60;dd&#62; (und der Definition). Bei Glosare, Informationen in Galerien, [...]]]></description>
			<content:encoded><![CDATA[<p>Mit HTML wird eine Definitionliste folgendermaßen aufgebaut:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;dl&gt;<br />
&lt;dt&gt;Definitionsbegriff&lt;/dt&gt;<br />
&lt;dd&gt;Umschließt die Definition des Begriffs&lt;/dd&gt;<br />
&lt;/dl&gt;</code></p>
<p><span id="more-2425"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Das &lt;dl&gt; Element wird verwendet, um Definitionen in einer Listenform darzustellen. Definitionslisten bestehen aus den drei Elementen &lt;dl&gt; (dem Beginn der Auflistung), &lt;dt&gt; (dem zu definierenden Begriff) und  &lt;dd&gt; (und der Definition). Bei Glosare, Informationen in Galerien, Produkte oder Produktbeschreibungen ist die Verwendung von Definitionslisten besonders zu empfehlen.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox      Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;dl&gt; Element wird von allen wichtigen Browsern   unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-dl-element/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;abbr&gt; Element</title>
		<link>http://eckladen24.de/2010/05/das-html-abbr-element/</link>
		<comments>http://eckladen24.de/2010/05/das-html-abbr-element/#comments</comments>
		<pubDate>Sat, 01 May 2010 07:04:37 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2304</guid>
		<description><![CDATA[Eine Abkürzung ist wie folgt gekennzeichnet: Die&#60;abbr title="Gesellschaft mit beschränkter Haftung"&#62;GmbH&#60;/abbr&#62; wurde 1971 gegründet. Definition und Verwendung Das &#60;abbr&#62; Element weist den Browser darauf hin, dass es sich bei diesem Inhalt um eine Abkürzung handelt, wie zum Beispiel: BRD für Bundes Republik Deutschland. Durch die Markierung für Abkürzungen können dem Browser nützliche Informationen für Rechtschreibprüfung, [...]]]></description>
			<content:encoded><![CDATA[<p>Eine Abkürzung ist wie folgt gekennzeichnet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">Die&lt;abbr title="Gesellschaft mit beschränkter Haftung"&gt;GmbH&lt;/abbr&gt; wurde 1971 gegründet.</code></p>
<p><span id="more-2304"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Das &lt;abbr&gt; Element weist den Browser darauf hin, dass es sich bei diesem Inhalt um eine Abkürzung handelt, wie zum Beispiel: <abbr title="Bundes Republik Deutschland">BRD</abbr> für Bundes Republik Deutschland. Durch die Markierung für Abkürzungen können dem Browser nützliche Informationen für Rechtschreibprüfung,  Screenreader, Übersetzungssysteme und Suchmaschinen gegeben werden.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox   Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;abbr&gt; Element wird von allen wichtigen Browsern   unterstützt. Dieses Element wird vom Internet Explorer erst ab der Version 7 unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr />
<h4>Tipps und Hinweise</h4>
<p><strong>Tipp:</strong> Das titel Attribut wird verwendet um die Vollversion der Abkürzung anzuzeigen, wenn die Maus über der Abkürzung steht. Doch nicht alle Browser unterstützen diese Funktion.</p>
<p><strong>Hinweis:</strong> Screenreader lesen jeden einzelnen Buchstaben vor.</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/05/das-html-abbr-element/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;var&gt; Element</title>
		<link>http://eckladen24.de/2010/04/das-html-var-element/</link>
		<comments>http://eckladen24.de/2010/04/das-html-var-element/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 06:59:23 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2297</guid>
		<description><![CDATA[Variablen werden in HTML wie folgt eingebunden: &#60;var&#62;Variablen&#60;/var&#62; Definition und Verwendung Dieses &#60;var&#62; Element wird verwendet, um Variablen innerhalb eines Textes auszuzeichnen. Das Element ist nicht veraltet, es ist jedoch möglich, mit CSS bessere Effekte zu erreichen. Browser-Unterstützung Das &#60;var&#62; Element wird von allen wichtigen Browsern unterstützt. Unterschiede zwischen HTML und XHTML KEINE]]></description>
			<content:encoded><![CDATA[<p>Variablen werden in HTML wie folgt eingebunden:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;var&gt;Variablen&lt;/var&gt;</code></p>
<p><span id="more-2297"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Dieses &lt;var&gt; Element wird verwendet, um Variablen innerhalb eines Textes auszuzeichnen. Das Element ist nicht  veraltet, es ist jedoch möglich,  mit CSS bessere Effekte zu erreichen.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox      Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;var&gt; Element wird von allen wichtigen Browsern   unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr /><!-- Social Bookmarks BEGIN --></p>
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/04/das-html-var-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das HTML &lt;kbd&gt; Element</title>
		<link>http://eckladen24.de/2010/04/das-html-kbd-element/</link>
		<comments>http://eckladen24.de/2010/04/das-html-kbd-element/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 06:02:08 +0000</pubDate>
		<dc:creator>alfred</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[(X)HTML-Referenz]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://eckladen24.de/?p=2289</guid>
		<description><![CDATA[Text, der von einem Benutzer eingegeben werden soll, wird in HTML folgendermaßen gekennzeichnet: &#60;kbd&#62;Keyboard text&#60;/kbd&#62; Definition und Verwendung Das &#60;kbd&#62; Element definiert einen Text, der von einem Benutzer eingegeben werden soll. Die meisten Browser zeigen diesen Text in einer mono-spaced Schriftart an. Die folgenden Elemente sind innerhalb des &#60;kbd&#62; Tag gültig: &#60;a&#62;, &#60;abbr&#62;,&#60; acronym&#62;,&#60; applet&#62;,&#60; [...]]]></description>
			<content:encoded><![CDATA[<p>Text, der von einem Benutzer eingegeben werden soll, wird in HTML folgendermaßen gekennzeichnet:</p>
<p style="border-left: 5px solid #c3d7ea; padding: 5px 20px 5px 10px; background: #f0f0f0 url(mambots/content/xtypo/icon/_no-image.gif) no-repeat scroll 10px 5px; font-family: Courier New,Courier,mono,times new roman; line-height: 150%; color: #666666;"><code style="background: #f0f0f0;">&lt;kbd&gt;Keyboard text&lt;/kbd&gt;</code></p>
<p><span id="more-2289"></span></p>
<h4>Definition  und Verwendung</h4>
<p>Das  &lt;kbd&gt; Element definiert einen Text, der von einem Benutzer eingegeben  werden soll. Die  meisten Browser zeigen diesen Text in einer mono-spaced Schriftart an. Die  folgenden Elemente sind innerhalb des &lt;kbd&gt; Tag gültig: <a title="Das HTML &lt;a&gt; Element | eckladen24" href="http://eckladen24.de/2010/02/das-html-a-tag/" target="_self">&lt;a&gt;</a>, <a title="Das HTML &lt;abbr&gt; Element | eckladen24" href="http://eckladen24.de/2010/05/das-html-abbr-element/" target="_self">&lt;abbr&gt;</a>,&lt; acronym&gt;,&lt; applet&gt;,&lt; b&gt;, &lt;basefont&gt;, &lt;bdo&gt;, &lt;big&gt;, &lt;br /&gt;, &lt;button&gt;, <a title="Das HTML &lt;cite&gt; Element |eckladen24" href="http://eckladen24.de/2010/04/das-html-cite-element/" target="_self">&lt;cite&gt;</a>, <a title="Das HTML &lt;code&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-code-element/" target="_self">&lt;code&gt;</a>,  <a title="Das HTML &lt;dfn&gt; Element | eckladen24" href="http://eckladen24.de/2010/04/das-html-dfn-element/" target="_self">&lt;dfn&gt;</a>, &lt;font&gt;,&lt; i&gt;, &lt;iframe&gt;, <a title="Das HTML &lt;img /&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-img-element/" target="_self">&lt;img /&gt;</a>, <a title="Das HTML &lt;inpute /&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-input-element/" target="_self">&lt;input /&gt;</a>, <a title="Das HTML &lt;kbd&gt; Element | eckladen24" href="../2010/04/das-html-kbd-element/" target="_self">&lt;kbd&gt;</a>, <a title="Das HTML &lt;label&gt; Element" href="http://eckladen24.de/2010/03/das-html-element-4/" target="_self">&lt;label&gt;</a>, &lt;map&gt;, &lt;object&gt;, <a title="Das HTML &lt;q&gt; Element | eckladen24" href="http://eckladen24.de/2010/04/das-html-q-element/" target="_self">&lt;q&gt;</a>, &lt;s&gt;,  <a title="Das HTML &lt;samp&gt; Element | eckladen24" href="http://eckladen24.de/2010/04/das-html-samp-element/" target="_self">&lt;samp&gt;</a>, &lt;script&gt;, <a title="Das HTML &lt;select&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-select-element/" target="_self">&lt;select&gt;</a>, &lt;small&gt;, <a title="Das HTML &lt;span&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-element-3/" target="_self">&lt;span&gt;</a>, &lt;strike&gt;, <a title="Das HTML &lt;strong&gt; Element | eckladen24" href="http://eckladen24.de/2010/04/das-html-strong-element/" target="_self">&lt;strong&gt;</a>, &lt;sub&gt;, &lt;sup&gt;, <a title="Das HTML &lt;textarea&gt; Element | eckladen24" href="http://eckladen24.de/2010/03/das-html-element-5/" target="_self">&lt;textarea&gt;</a>,  &lt;tt&gt;, &lt;u&gt;, <a title="Das HTML &lt;var&gt; Element | eckladen24" href="http://eckladen24.de/2010/04/das-html-var-element/" target="_self">&lt;var&gt;</a>.</p>
<hr />
<h4>Browser-Unterstützung</h4>
<p><img title="Internet Explorer Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_ie.gif" alt="Internet Explorer Logo" width="31" height="30" /><img title="FireFox      Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_firefox.gif" alt="FireFox Logo" width="31" height="30" /><img title="Opera Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_opera.gif" alt="Opera Logo" width="31" height="30" /><img title="Chrome Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_chrome.gif" alt="Chrome Logo" width="31" height="30" /><img title="Safari Logo" src="http://eckladen24.de/wp-content/uploads/2010/02/compatible_safari.gif" alt="Safari Logo" width="31" height="30" /></p>
<p>Das  &lt;kbd&gt; Element wird von allen wichtigen Browsern   unterstützt.</p>
<hr />
<h4>Unterschiede zwischen HTML und XHTML</h4>
<p>KEINE</p>
<hr /><!-- Social Bookmarks BEGIN --></p>
]]></content:encoded>
			<wfw:commentRss>http://eckladen24.de/2010/04/das-html-kbd-element/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

