HTML5 Master utility
With all the bells and whistles
Description
A full HTML5 master utility including Open Graph and Google meta data, jQuery (Google Library), placeholders for you CSS and JS and more. Great starting point for any HTML5 project.
Gist: https://gist.github.com/nathanhornby/4575744
XSLT
View Raw
<?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" omit-xml-declaration="yes" indent="no" /> <xsl:template match="/"> <xsl:text disable-output-escaping="yes"><</xsl:text>!DOCTYPE html<xsl:text disable-output-escaping="yes">></xsl:text> <xsl:text disable-output-escaping="yes"><![CDATA[ <!--[if lt IE 7 ]> <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="no-js lt-ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> ]]></xsl:text> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <!-- Meta --> <title><xsl:value-of select="TITLE"/></title> <meta name="description" content="DESC" /> <meta name="keywords" content="KEYW" /> <!-- Google Meta --> <meta itemprop="name" content="TITLE"/> <meta itemprop="description" content="DESC"/> <meta itemprop="image" content="IMG"/> <!-- Open Graph Meta --> <meta property="og:title" content="TITLE" /> <meta property="og:description" content="DESC" /> <meta property="og:type" content="TYPE" /> <meta property="og:url" content="URL" /> <meta property="og:image" content="IMG" /> <meta property="og:site_name" content="TITLE" /> <link rel="shortcut icon" href="IMG" /> <!-- Stylesheets --> <link rel="stylesheet" href="CSS" /> <!-- HTML5 tag fix --> <xsl:text disable-output-escaping="yes"><![CDATA[ <!--[if lt IE 9 ]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> ]]></xsl:text> </head> <body> <!-- Page content --> <xsl:apply-templates/> <!-- Page content End --> <!-- JavaScript --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="JS"></script> </body> <xsl:text disable-output-escaping="yes"><![CDATA[</html>]]></xsl:text> </xsl:template> <xsl:strip-space elements="*"/> </xsl:stylesheet>