Warning: file_put_contents() [function.file-put-contents]: Only 0 of 196 bytes written, possibly out of free disk space in /disk2/home/symphonyweb/public_html/extensions/xmlfield/fields/field.xml.php on line 63
“HTML5 Master Stylesheet (XHTML syntax with indenting)” – XSLT Utilities – Download – Symphony.
Author:
DavidOliver
Version:
0.2.1
Release Date:
14 Sep 2011
Category:
Output

Browse

Description

A master stylesheet starting point based on the discussion in XSLT and HTML5 and what might be thought of as current best practices for handling non-JavaScript browsers and Internet Explorer CSS rendering bugs.

It is intended for use in conjunction with the html5_doctype Symphony extension and the Modernizr JavaScript library.

A comprehensive range of Internet Explorer version-specific classes is available on the html tag for CSS styling without loading of separate CSS files.

Necessary steps

html5_doctype Symphony extension

Install and enable the html5_doctype Symphony extension, which replaces the XHTML output in the first few lines of your document with HTML5 equivalents.

Modernizr

Download your modernizr.js file and place it into workspace/scripts

Modernizr changes the "no-js" class of the html tag to "js" if the visiting browser is using JavaScript, allowing you to write CSS specific to visitors with and without JavaScript.

It also makes Internet Explorer render and style the new HTML5 elements (assuming JavaScript is enabled in the visitor's browser).

GitHub repository: https://github.com/DavidOliver/html5masterxslt

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="xml" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" omit-xml-declaration="yes" encoding="UTF-8" indent="yes"/>
	
<xsl:template match="/">
	<xsl:comment><![CDATA[[if IE 6]><html lang="en" class="no-js ie6 lte-ie9 lte-ie8 lte-ie7 lte-ie6 gte-ie6"><![endif]]]></xsl:comment>
	<xsl:comment><![CDATA[[if IE 7]><html lang="en" class="no-js ie7 lte-ie9 lte-ie8 lte-ie7 gte-ie7 gte-ie6"><![endif]]]></xsl:comment>
	<xsl:comment><![CDATA[[if IE 8]><html lang="en" class="no-js ie8 lte-ie9 lte-ie8 gte-ie8 gte-ie7 gte-ie6"><![endif]]]></xsl:comment>
	<xsl:comment><![CDATA[[if IE 9]><html lang="en" class="no-js ie9 lte-ie9 gte-ie9 gte-ie8 gte-ie7 gte-ie6"><![endif]]]></xsl:comment>
	<xsl:comment><![CDATA[[if !(lte IE 9)]><!]]></xsl:comment><html lang="en" class="no-js"><xsl:comment><![CDATA[<![endif]]]></xsl:comment>
		<head>
			<title><xsl:value-of select="$page-title"/><xsl:text> &#8212; </xsl:text><xsl:value-of select="$website-name"/></title>
			<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.8, maximum-scale=2.0" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
			<link rel="stylesheet" href="{$workspace}/styles/style.css" />
			<script src="{$workspace}/scripts/modernizr.js"></script>
		</head>
		<body class="page-{$current-page}">
			<a href="#content-main" class="skip">Skip to main content</a>
			<header>
				<h1><xsl:value-of select="$page-title"/></h1>
			</header>
			<div id="content-main">
				<xsl:apply-templates select="/data"/>
			</div>
			<footer>
			</footer>
		</body>
	</html>
</xsl:template>
	
</xsl:stylesheet>

Discuss this XSLT Utility

Symphony • Open Source XSLT CMS

Server Requirements

  • PHP 5.3-5.6 or 7.0-7.3
  • PHP's LibXML module, with the XSLT extension enabled (--with-xsl)
  • MySQL 5.5 or above
  • An Apache or Litespeed webserver
  • Apache's mod_rewrite module or equivalent

Compatible Hosts

Sign in

Login details