up.fragment :main

HTML selector

A pseudo-selector that matches the layer's main target.

Main targets are default render targets. When no other render target is given, Unpoly will try to find and replace a main target.

In most app layouts the main target should match the primary content area. The default main targets are:

• any element with an [up-main] attribute
• the HTML5 <main> element
• the current layer's topmost swappable element

You may configure main target selectors in up.fragment.config.mainTargets.

Also see targeting the main element.

Example

up.render(':main', { url: '/page2' })