-- ftd.document: My Title
description: My Description
og-image: https://www.fifthtry.com/assets/images/logo-fifthtry.svg

<other elements>

-- end: ftd.document

-- ftd.document: My Title
description: My Description
og-image: https://www.fifthtry.com/assets/images/logo-fifthtry.svg

<other elements>

-- end: ftd.document

When using ftd.document in the ftd, it is essential to follow certain rules to ensure that the document is structured correctly and functions as intended.

ftd.document cannot be a child of any container components. It must be at the root level of the document, meaning it cannot be nested within any other component, including ftd.column, ftd.row, or any other container components. Attempting to use ftd.document as a child component will result in an error.

Input

-- ftd.column:

-- ftd.document:
-- end: ftd.document

-- end: ftd.column

-- ftd.column:

-- ftd.document:
-- end: ftd.document

-- end: ftd.column

Output

ftd.document can only occur once in the document. Attempting to use it more than once will result in an error. This is because ftd.document is the root-level configuration of the document, and having multiple root-level configurations can cause conflicts and inconsistencies.

Input

-- ftd.document:
-- end: ftd.document

-- ftd.document:
-- end: ftd.document

-- ftd.document:
-- end: ftd.document

-- ftd.document:
-- end: ftd.document

Output

ftd.documentelement cannot have any siblings. This means that the ftd.document element must be the only root-level element in the document and cannot have any other elements at the same level.

Input

-- ftd.document:
-- end: ftd.document

-- ftd.text: Hello World!

-- ftd.document:
-- end: ftd.document

-- ftd.text: Hello World!

Output

ftd.document accepts the below attributes as well all the container root attributes.

Type: : optional caption

The title attribute specifies the title of the document. It is displayed in the browser’s title bar or tab. The content within the title tag is crucial for both user experience and search engine optimization (SEO) purposes.

-- ftd.document: My title

;; or

-- ftd.document:
title: My title

-- ftd.document: My title

;; or

-- ftd.document:
title: My title

The og-title attribute provides the title of a webpage for social media platforms and other websites when the webpage is shared or linked. The og in og-title stands for Open Graph, which is a protocol that allows webpages to become rich objects in social media platforms.

This attribute takes default value same as title attribute value, if not provided explicitly

-- ftd.document:
og-title: My Page Title

-- ftd.document:
og-title: My Page Title

The twitter-title attribute provides the title of a webpage for Twitter cards. When a webpage is shared on Twitter, the twitter-title attribute is used to display the title of the webpage in the Twitter card preview.

** This attribute takes default value same as title attribute value, if not provided explicitly**

-- ftd.document:
twitter-title: My Page Twitter Title

-- ftd.document:
twitter-title: My Page Twitter Title

The description attribute specifies a brief summary or description of the content of a page. The description is typically displayed in search engine results as a preview snippet or as the description text below the page title.

-- ftd.document:
description: This is a brief description of my webpage.

;; or

-- ftd.document:

This is a brief description of my webpage.

-- ftd.document:
description: This is a brief description of my webpage.

;; or

-- ftd.document:

This is a brief description of my webpage.

The og-description attribute provides a brief description of a webpage for Open Graph protocol. The Open Graph protocol is used by social media platforms, like Facebook and LinkedIn, to display a preview of a webpage when it is shared.

** This attribute takes default value same as description attribute value, if not provided explicitly**

-- ftd.document:
og-description: This is the description of my webpage for Open Graph protocol.

-- ftd.document:
og-description: This is the description of my webpage for Open Graph protocol.

The twitter-description attribute provides a brief description of a webpage for Twitter Cards. Twitter Cards are used by Twitter to display a preview of a webpage when it is shared.

** This attribute takes default value same as description attribute value, if not provided explicitly**

-- ftd.document:
twitter-title: My Page Twitter Title

-- ftd.document:
twitter-title: My Page Twitter Title

This attribute specifies the breakpoint width below which the device would be considered mobile otherwise desktop. It takes value of type ftd.breakpoint-width-data and is optional. If not specified, then the default breakpoint will be used which is 768px.

-- ftd.document:
title: My page title
breakpoint: 800

-- ftd.document:
title: My page title
breakpoint: 800