(25.04.2014 08:07)dancle schrieb: Ich mag Expression Web übelst gerne, schon alleine wegen dem Intellisense, allerdings krieche ich da fast nur im Code rum. Aber gerade wenn ich sehen will wie sich verschiede DIV-Einstellungen auswirken, ergibt die duale Ansicht Code und Design schon sinn
<div> ist seit HTML5 ein Tag, was keiner mehr so recht braucht. Gibt ja inzwischen genug semantische Alternativen. Ich sag nur <article>, <section>, <nav>, <header>, <footer>, <main> und <aside>. Nach W3C-Empfehlungen sollte man <div> nur noch in Ausnahmefällen verwenden, eben weil es keinerlei semantische Bedeutung hat.
So macht man sowas heutzutage im Jahr 2014:
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mein Blog</title>
<link rel="stylesheet" type="text/css" href="/style.css" media="all">
</head>
<body>
<header>
<h1>Mein super toller Blog</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/kategorie1/">Kategorie 1</a></li>
<li><a href="/kategorie2/">Kategorie 2</a></li>
<li><a href="/kategorie3/">Kategorie 3</a></li>
<li><a href="/abmahnung/">Impressum</a></li>
</ul>
</nav>
</header>
<main>
<article>
<header>
<h2>Titel des Blogartikels</h2>
<date datetime="2014-04-25 09:22:00">Gepostet am 25.04.2014 um 09:22:00 Uhr</date>
</header>
<p>Franz jagt im total verwahrlosten Taxi quer durch Bayern.</p>
<footer>
<p>Keine Kommentare abgegeben.</p>
</footer>
<aside>
<p>Randbemerkung: In Bayern fahren viele Taxis</p>
</aside>
</article>
<article>
<header>
<h2>Noch ein Blogbeitrag</h2>
<date datetime="2014-04-25 09:42:00">Gepostet am 25.04.2014 um 09:42:00 Uhr</date>
</header>
<p>Falsches üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<footer>
<p>Keine Kommentare abgegeben.</p>
</footer>
<aside>
<p>Randbemerkung: Zwerge hören sowas gerne.</p>
</aside>
</article>
</main>
<aside>
<h2>Meine Partnerseiten</h2>
<ul>
<li><a href="http://www.test.de">Partner 1</a></li>
<li><a href="http://www.test2.de">Partner 2</a></li>
<li><a href="http://www.test3.de">Partner 3</a></li>
</ul>
</aside>
<footer>
<p>© 2014 Beispielblog GmbH</p>
</footer>
</body>
</html>