Headings

Heading Blocks in NoNex

In Notion, heading blocks are used to create clear and organized sections by separating content with headings. These heading blocks help highlight important content and improve the overall structure of a page. NoNex preserves the exact appearance of heading blocks and ensures they are displayed properly on your website, with full support for heading 1, heading 2, and heading 3 blocks.

NoNex renders these headings using the corresponding HTML tags (<h1>, <h2>, and <h3>) to ensure that the content remains consistent. Each heading block supports rich text formatting, including bold, italics, and links. Additionally, NoNex provides hashlink functionality: when you hover over any heading block, a hashlink icon appears. Clicking on this icon will smoothly scroll the page to that heading.

Example of Heading Blocks

Here’s how headings appear when rendered with NoNex:

Heading 1

Heading 2

Heading 3

Features Supported by NoNex for Heading Blocks

• Exact HTML Tags: Heading blocks are rendered with the correct HTML tags (<h1>, <h2>, <h3>).
• Rich Text Support: Bold, italics, and other text formatting options are supported within the heading text.
• Hashlink Functionality: When hovering over a heading block, a hashlink icon appears. Clicking it will scroll the page to that specific heading.
• Smooth Scrolling: Headings with hash links allow smooth scrolling to the content for easier navigation.
• Consistent Look: The heading blocks render exactly like they do in Notion, preserving the style and layout for your website.

With NoNex, heading blocks from Notion are rendered seamlessly, ensuring that your content is organized, easy to navigate, and beautifully formatted for your website visitors.