[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