<?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>CSS Boxmania * Einstieg in CSS * Galileo Press * Elisabeth Wetsch * eliZZZa * XHTML und CSS &#187; lists</title>
	<atom:link href="http://www.cssboxmania.com/tag/lists/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cssboxmania.com</link>
	<description>Bewegen Sie sich in Ihren Stylesheets wie ein Fisch im Wasser...</description>
	<lastBuildDate>Wed, 26 Nov 2008 04:53:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Strukturelle Elemente</title>
		<link>http://www.cssboxmania.com/2008/11/26/strukturelle-elemente/</link>
		<comments>http://www.cssboxmania.com/2008/11/26/strukturelle-elemente/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 03:31:17 +0000</pubDate>
		<dc:creator>eliZZZa</dc:creator>
				<category><![CDATA[HTML Tags]]></category>
		<category><![CDATA[h1]]></category>
		<category><![CDATA[h6]]></category>
		<category><![CDATA[heading]]></category>
		<category><![CDATA[lists]]></category>

		<guid isPermaLink="false">http://www.cssboxmania.com/?p=112</guid>
		<description><![CDATA[Im Sinne der Barrierefreiheit aber auch der Suchmaschinenoptimierung ist es wichtig, Seiten mithilfe von sogenannten strukturellen Tags zu gliedern. Hier finden Sie eine vollst&#228;ndige Liste von HTML-Elementen mit dem Hinweis, ob es sich um strukturelle handelt. Die wichtigsten Elemente zur Gliederung der Inhalte sind nachfolgend angef&#252;hrt. h1 bis h6 &#8211; Headings Die &#220;berschriften 1. bis [...]]]></description>
			<content:encoded><![CDATA[<p>Im Sinne der <strong>Barrierefreiheit </strong>aber auch der <strong>Suchmaschinenoptimierung </strong>ist es wichtig, Seiten mithilfe von sogenannten strukturellen Tags zu gliedern. Hier finden Sie eine <a href="http://www.w3.org/TR/WCAG10-HTML-TECHS/#html-index" target="_blank">vollst&auml;ndige Liste von HTML-Elementen</a> mit dem Hinweis, ob es sich um strukturelle handelt.</p>
<p>Die wichtigsten Elemente zur Gliederung der Inhalte sind nachfolgend angef&uuml;hrt.<span id="more-112"></span></p>
<p><strong>h1 bis h6 &#8211; Headings</strong><br />
Die &Uuml;berschriften 1. bis 6. Ordnung k&ouml;nnen mittels CSS sehr ansprechend gestaltet werden.</p>
<p><em>Beispiel</em>:<br />
<code>&lt;h1&gt;Das ist eine wichtige &Uuml;berschrift&lt;/h1&gt;</code></p>
<p><strong>p &#8211; Paragraph / Absatz</strong><br />
Texte werden durch Abs&auml;tze besser unterteilt und einfacher erfassbar.</p>
<p><em>Beispiel:<br />
</em><code>&lt;p&gt;Das ist ein Absatz.&lt;/p&gt;</code></p>
<p><strong>em und strong &#8211; Betonung und Wichtigkeit</strong><br />
Die beiden Tags ersetzen die veralteten HTML-Elemente &lt;i&gt; und &lt;b&gt; (<strong>i</strong>talic/kursiv und <strong>b</strong>old/fett).</p>
<p><strong>blockquote &#8211; Formsch&ouml;n zitieren</strong><br />
Zitate k&ouml;nnen mittels blockquote-Element ein attraktiver Blickfang Ihrer Seiten werden.</p>
<p><strong>ul, ol, dl &#8211; Listen</strong><br />
Auch die Lesefreundlichkeit wird durch den Einsatz von strukturellen Elementen wie z.B. Listen verbessert. Dabei stehen <strong>ul unordered lists</strong>, <strong>ol ordered lists</strong> und <strong>dl definition lists</strong> zur Verf&uuml;gung.</p>
<p><em>Beispiel</em>:<br />
<code>&lt;ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;Erster Listenpunkt&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;Zweiter Listenpunkt&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;Dritter Listenpunkt&lt;/li&gt;<br />
&lt;/ul&gt;</code></p>
<p><strong>hr &#8211; Horizontal Rule</strong><br />
Auch eine horizontale Linie gilt als strukturelles Element und kann kreativ gestaltet werden.</p>
<p><strong>br &#8211; Line Break</strong><br />
Ein Zeilenvorschub dient ebenfalls der Unterteilung von Inhalten.</p>
<p>Sowohl <strong>hr </strong>als auch <strong>br </strong>haben kein Ende-Tag und werden als &lt;hr /&gt; und &lt;br /&gt; notiert.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cssboxmania.com/2008/11/26/strukturelle-elemente/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

