[TYPO3-german] <head> anpassen für "HTML5 boilerplate"

Thu Jun 6 17:23:53 CEST 2013

Hallo Leute,

ich möchte für mein Projekt die "HTML5 Boilerplate" nutzen, um die 
HTML5-Ausgabe für die verschiedenen Browser zu ermöglichen/optimieren.

Der Aufbau der Boilerplate ist diese:

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->  <html  class="no-js">  <!--<![endif]-->
     <head>
         <meta  charset="utf-8">
         <meta  http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
         <title></title>
         <meta  name="description"content="">
         <meta  name="viewport"content="width=device-width">

         <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

         <link  rel="stylesheet"href="css/normalize.css  <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/css/normalize.css>">
         <link  rel="stylesheet"href="css/main.css  <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/css/main.css>">
         <script  src="js/vendor/modernizr-2.6.2.min.js  <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/vendor/modernizr-2.6.2.min.js>"></script>
     </head>
     <body>
         <!--[if lt IE 7]>
             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
         <![endif]-->

         <!-- Add your site or application content here -->
         <p>Hello world! This is HTML5 Boilerplate.</p>

         <script  src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js  <view-source:file:///ajax/libs/jquery/1.9.1/jquery.min.js>"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
         <script  src="js/plugins.js  <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/plugins.js>"></script>
         <script  src="js/main.js  <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/main.js>"></script>

         <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
         <script>
             var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
             (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
             g.src='//www.google-analytics.com/ga.js';
             s.parentNode.insertBefore(g,s)}(document,'script'));
         </script>
     </body>
</html>

Es ist allso eine Anpassung über dem <head>, im <head> unterhalb vom <body>-Tag und oberhalb vom </body>-End-Tag nötig.

bis vor kurzem habe ich den Header den Typo3 erstellt abgeschaltet und so alle Anpassung per TS erstellt.
Das hat jedoch den Nachteil, dass dann "CSS-Styled-Content" nicht im <head> steht.

Daher meine Frage_ wie hann ich entweder den automatisch generierten <head> so umbauen, dass er der boilerplate entspricht, oder wie kann ich in einem eigenen Header CSS-Styled-Content  generieren?

Danke für eure Hilfe.
Marco.