---
title: "Page.headerData ViewHelper <f:page.headerData>"
manual: "Fluid ViewHelper Reference"
version: "main"
permalink: "https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-page-headerdata@main"
source: "Global/Page/HeaderData.rst"
modified: "2026-09-17T05:12:06+00:00"
---

# Page.headerData ViewHelper `<f:page.headerData>`

> [!NOTE]
> **New in version 14.0**

The `<f:page.headerData>` ViewHelper allows injecting arbitrary content into
the HTML `<head>` of a rendered page.

The ViewHelper internally uses the [PageRenderer API](https://docs.typo3.org/m/typo3/reference-coreapi/main/en-us/ApiOverview/Assets/Index.html#assets-page-renderer)
and is useful when ViewHelpers like
[\<f:asset.css>](https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-asset-css@main) or
[\<f:asset.script>](https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-asset-script@main)
do not support all required attributes or use cases
(for example `dns-prefetch`, `preconnect`, tracking scripts, or inline
JavaScript).

> [!WARNING]
> The ViewHelper outputs given content as is. Possible user supplied input for
> the ViewHelpers **must manually be escaped** in order to prevent a
> [Cross-site scripting (XSS)](https://docs.typo3.org/m/typo3/reference-coreapi/main/en-us/Security/TypesOfThreats/Index.html#security-xss)
> vulnerability.

Go to the source code of this ViewHelper: [Page\\HeaderDataViewHelper.php (GitHub)](https://github.com/TYPO3/typo3/blob/main/typo3/sysext/fluid/Classes/ViewHelpers/Page/HeaderDataViewHelper.php).

**Table of contents**

-   [Example usage](https://docs.typo3.org/permalink/t3viewhelper:example-usage@main)
-   [Arguments of the <f:page.headerData> ViewHelper](https://docs.typo3.org/permalink/t3viewhelper:arguments-of-the-f-page-headerdata-viewhelper@main)

## Example usage

**packages/my_sitepackage/Resources/Private/Templates/Page/Default.fluid.html**

```html
<f:page.headerData>
    <link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="dns-prefetch" href="//example-cdn.com">
    <link rel="preconnect" href="https://example-cdn.com">
</f:page.headerData>

```

## Arguments of the `<f:page.headerData>` ViewHelper
