---
title: Document
description: The Document component sets up and controls the basic document structure.
---
---
The `Document` component helps you with the basic document structure of your website, the ``, `` and ``
elements. It has **5 constructors** that setup or control separate aspects of the document.
- The main `Document()` constructor and the `Document.template()` constructor setup the full document structure using either
a set of child parameters or a template file respectively. These are **only available on the server** using the `package:jaspr/server.dart` import.
- The `Document.head()`, `Document.html()` and `Document.body()` constructors control the respective elements separately by
attaching child elements (for `.head()`) or setting attributes (for `.html()` and `.body()`). These can be used both on the
server and on the client.
## Document()
The `Document()` constructor can only be used on the server and is only available using the `package:jaspr/server.dart` import.
The `Document()` constructor helps you to set up a basic document structure at the root of your app.
It renders the main ``, `` and `` tags and takes a set of standard parameters,
e.g. to set the `title` or `meta` attributes inside the ``.
```dart title="lib/main.server.dart"
void main() {
runApp(Document(
title: "My Site",
meta: {
"description": "My site description",
},
body: div(id: "main", []),
));
}
```
renders to:
```html title="index.html"
My Site
```
### Parameters
It takes the following parameters:
Sets the title of your website.
---
Sets the `` tag of your website.
---
Sets the charset, defaults to 'utf-8'.
---
Sets the viewport for mobile devices, defaults to 'width=device-width, initial-scale=1.0'.
---
Sets additional `` properties.
---
A global set of style-rules, rendered as a `