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

Marco Brüggemann marco at schauart.de
Thu Jun 6 19:45:47 CEST 2013


Hallo .. Danke für die Hilfe.

Es geht auch soweit.

ich würde aber gerne stärker in die Erstellung des <head> eingreifen.

Kann mir jemand sagen, wie und wo der head-Bereich erstellt wird?
Kann ich die Reihenfolge beeinflussen, wann und was im <head> gerendert 
wird?



Am 06.06.2013 17:48, schrieb Michael Kasten:
> Hallo Marco:
>
> config.doctype(
>   <!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]>                                               <!-->
>
> )
> config.htmlTag_setParams = lang="de" class="no-js"><!--<![endif]--
>
>
> auch wenn es nicht so aussieht, geht aber
>
> bye
>
>
>
> am 06.06.2013 17:23 Marco Brüggemann schrieb:
>> 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.
>>
>>
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german


More information about the TYPO3-german mailing list