[TYPO3-german] <head> anpassen für "HTML5 boilerplate"
Michael Kasten
home at m-kasten.de
Thu Jun 6 17:48:54 CEST 2013
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
--
Michael Kasten | http://m-kasten.de
Im wirklichen Leben gibt es kein [Strg]+[Z]
More information about the TYPO3-german
mailing list