<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/header",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "header"
}
-->

# header

Contains information displayed at the bottom of an element.

## Overview

The `header` element displays additional information that describes its containing
element. Here’s an example that displays a title and a short description.

```xml
<header>
   <title>Hello World</title>
   <description>Everyone writes it!</description>
</header>
```

### Subelements of header

- [badge](/documentation/TVML/badge)
- [description](/documentation/TVML/description)
- [text](/documentation/TVML/text)
- [title](/documentation/TVML/title)

### Elements that Use header

- [grid](/documentation/TVML/grid)
- [info](/documentation/TVML/info)
- [list](/documentation/TVML/list)
- [section](/documentation/TVML/section)
- [shelf](/documentation/TVML/shelf)

## Topics

### Valid TVML Styles

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

[padding](/documentation/TVML/padding)

Specifies the padding between the border and contents of an element.

[width](/documentation/TVML/element-shaping-width)

Specifies how wide an element is.

### Valid TVML Attributes

[binding](/documentation/TVML/binding)

Associates information in a data item with an element.

[prototype](/documentation/TVML/prototype)

Associates a data item type with an element.

[theme](/documentation/TVML/theme)

Sets the color scheme for an element.



---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)