Skip to content

Instantly share code, notes, and snippets.

@codecandies

codecandies/scaffold.html

Last active August 29, 2015 14:06
Show Gist options
  • Save codecandies/a58af2ca9da837af01a2 to your computer and use it in GitHub Desktop.
Save codecandies/a58af2ca9da837af01a2 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Boilerplate
Raw
scaffold.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="{lang|default:de}" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="{lang|default:de}" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="{lang|default:de}" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{lang|default:de}" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Frage: Können wir das X-UA-Compatible nicht auch via Header schicken? -->
<!-- meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' -->
<title>{title}</title>
<meta name="description" content="{desc}">
<meta name="keywords" content="{keys}">
<meta name="robots" content="index,follow,noodp,noydir,noarchive">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Favicons etc. -->
<link rel="alternate" type="application/rss+xml" href="http://newsfeed.zeit.de/index">
<link rel="stylesheet" href="css/zon.css">
<link rel="canonical" href="http://www.zeit.de/index">
<!-- Scriptkram Head -->
</head>
<body itemscope itemtype="http://schema.org/WebPage">
<a class="skip-link" href="#main" id="top" title="Direkt zum Inhalt springen">Inhalt</a>
<!-- IVW Tracking hier -->
<div class="page">
<!-- IQD main ad hier:
Bannerplatz "superbanner" Nr.1 Tile: 1
Bannerplatz "skyscraper" Nr.2 Tile: 2
-->
<div class="content">
<header class="header" role="banner">
</header>
<main class="main" id="main" role="main">
</main>
<footer class="footer" role="contentinfo">
</footer>
</div>
</div>
<!-- GA Tracking -->
<!-- JS Loading -->
</body>
</html>
@mstoltenburg
Copy link

sieht gut aus. Man könnte noch <main> für den Content-Bereich einsetzen?

@arnalyse
Copy link

arnalyse commented Sep 9, 2014

sieht gut aus. könnten wir <main> schon verwenden? also wg. IE8?

@arnalyse
Copy link

arnalyse commented Sep 9, 2014

und 👍 für CSS von www-Domain :)

@mstoltenburg
Copy link

IE8 hat grundsätzlich nichts gegen <main> oder andere unbekannte Tags? Nur wenn du das stylen oder in Scripten verwenden willst, brauchst du den Hack, der schon in Modernizr drin ist

document.createElement('main');

Dann noch ein display: block ins CSS und IE<9 ist happy 😃

@codecandies
Copy link
Author

Si, <main>, vergess ich immer noch (verdammter Nachzügler das).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment