## Head Tags
Sometimes you'll want your components to be able to modify what's in your HTML `head`, such for `title` tags or `meta` descriptions. This can be pretty tricky to pull off, so this functionality comes built into Vitreum.
```jsx
const { Title, Meta, Description, Structured } = require('vitreum/headtags');
const Main = React.createClass({
render: function(){
return
My Fancy PageThis is a really fancy page.
Hello Headtags!
;
}
});
```
Since each `headtag` is populated using `componentWillMount` only the deepest tag in the component structure for each type will render, eg. an app with several components using the `Title` will only having the title set to whatever the deepest reference.
Each of the `headtags` also render to `null`, so they are simply present to indictate to Vitreum what tags you want rendered into the head when generating that page.
### Title
Sets the title of the document. If this is rendered _after_ the page has already loaded, it will dynamically update the document's title on `componentDidMount`. It just takes a single string child to render.
```jsx
This is my document title
```
### Description
Sets the metatag for the description to the head of the document.
```jsx
This is my document description
```
renders to ``
### Meta
Adds [metatags](https://www.w3schools.com/tags/tag_meta.asp) to your document. Simply copies whatever props you pass into it.
```jsx
```
TODO: Add docs about named/unanmed tags
If you pass an object as the `bulk` prop instead, it will loop through and create many metatags, with the key being the `property` and the value being the `content`
```jsx
// renders to
```
### Noscript
Adds [noscript](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript) to your document. Simply concatenates whatever children you pass into it.
```jsx
```
### Script
Adds `` to your document. Can pass an `id`, `src`, and/or code as children to the component.
```jsx
```
### Favicon
Adds a favicon into the head with a `type` and `href` prop.
```jsx
```
### StructuredData
Adds a [Structured Data](https://developers.google.com/search/docs/guides/intro-structured-data) script tag to the page's ``. It will automatically change any `context` or `type` keys to `@context` and `@type`.
```jsx
```