DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

EXT: Hype HTML5¶

Created:	2012-04-30T12:52:42.060000000
Changed:	00:00:00
Classification:	hype_html5
Description:	Brings the future to TYPO3. Content is rendered using appropriate HTML5 elements using less wraps but useful class names.
Keywords:	hype, html5, content, csc, modernizr, normalize, shim, shiv
Author:	Thomas "Thasmo" Deinhamer
Email:	thasmo@gmail.com
Language:	en

EXT: Hype HTML5¶

Extension Key: hype_html5

Language: en

Version: 1.6.1

Keywords: hype, html5, content, csc, modernizr, normalize, shim, shiv

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.org

Table of Contents¶

`EXT: Hype HTML5 1 <#__RefHeading__5708_1738894311>`_

`Introduction 3 <#__RefHeading__5710_1738894311>`_

What does it do? 3

`Administration 4 <#__RefHeading__31511_818911409>`_

FAQ 4

`Configuration 5 <#__RefHeading__31515_818911409>`_

TypoScript 5

Introduction¶

What does it do?¶

Hype HTML5 focuses on teaching TYPO3 how to render HTML5-friendly markup. Besides that it provides some functionality to ease the development of HTML5-powered websites.

Hype HTML5 is a complete replacement for css_styled_content. It is responsible for rendering all content elements and plugins in the website frontend.

Features¶

Rendering HTML5-friendly markup in the frontend.
Integration of normalize.css for consistent cross browser rendering.
Integration of several recommended JavaScript helpers like modernizr, seletivizr and respond.js.
Custom namespace configuration for the <html/> element.
Provide the chrome frame installer for Internet Explorer version 7 and below.

Administration¶

Import and install the extension.

Include the static TypoScript template files.

Adapt the configuration to your needs.

FAQ¶

Is it needed to import the static TypoScript file from the extension css_styled_content? No, you should not include the static TypoScript file of css_styled_content.

Is it possible to uninstall the extension css_styled_content? Yes, css_styled_content is not needed at all. It's up to you if you want to uninstall it.Maybe it's needed by some other extensions, but Hype HTML5 does not need it.

Does the order of installation matter? Yes, it does matter. If you have installed css_styled_content, Hype HTML5 needs to be installed after it. Extension which are rendered in the frontend should be installed after Hype HTML5. You can check and edit the order of installation in /typo3conf/localconf.php on your own risk, if needed.

Does this extension extend the tt_content TypoScript configuration? No, it brings its own, totally new tt_content configuration, which may not be compatible to some other extensions which modify the tt_content TypoScript configuration.

Which browser versions are compatible? All modern, A-grade browsers should be compatible.Internet Explorer is supported from version 8 and upwards.

Configuration¶

TypoScript¶

common.enableNormalize¶

Property

common.enableNormalize

Data type

boolean

Description

Includes the normalize.css file for consistent cross browser rendering.

Default

1

common.enableSelectivizr¶

Property

common.enableSelectivizr

Data type

boolean

Description

Includes the selectivizr script to enable various CSS3 pseudo classes and selectors in IE 6, 7 and 8.

Default

1

common.enableRespondJs¶

Property

common.enableRespondJs

Data type

boolean

Description

Includes the respond.js script to enable simple CSS media queries in IE 6, 7 and 8.

Default

1

common.enableModernizr¶

Property

common.enableModernizr

Data type

boolean

Description

Includes a small custom modernizr build to enable HTML5 elements in IE 6, 7 and 8.

Default

1

common.includeStylesFirst¶

Property

common.includeStylesFirst

Data type

boolean

Description

Ensures that CSS styles for the content are included first, before styles of all other installed extensions.

Default

1

common.installChromeFrame¶

Property

common.installChromeFrame

Data type

boolean

Description

Prompts users of IE 6 and below to install chrome frame.

Default

1

clean.removeScriptAttributes¶

Property

clean.removeScriptAttributes

Data type

boolean

Description

Removes the type attribute from script tags.

Default

1

clean.removeStyleAttributes¶

Property

clean.removeStyleAttributes

Data type

boolean

Description

Removes the type and the media=”all” attribute from link tags.

Default

1

clean.removeImageAttributes¶

Property

clean.removeImageAttributes

Data type

boolean

Description

Removes the width and the height attribute from image tags.

Default

1

clean.removeTableAttributes¶

Property

clean.removeTableAttributes

Data type

boolean

Description

Removes the summary attribute from table tags.

Default

1

markup.doctype¶

Property

markup.doctype

Data type

string

Description

Overrides the default HTML doctype . Setting this is completely optionally as TYPO3 already renders a nice HTML5 doctype.

Default

Empty.

markup.htmlTag¶

Property

markup.htmlTag

Data type

string

Description

Overrides the default HTML tag. Specific markers are replaced: {$language} will be replaced by a 2-character language token. {$namespace} will be replaced by the defined namespaces.

Default

See file.

markup.htmlTag.namespace¶

Property

markup.htmlTag.namespace

Data type

array

Description

Definitions of namespaces which get wrapped into the HTML tag.

Default

See file.