UI - Table of Content (ToC) / Outline

Card Puncher Data Processing


A table of content or outline is an hierarchical view of a document.

It resume all the sections of the document and is therefore an important part of the navigation for the reader.

They permits:

  • to get an bird-eye view of the document
  • to navigate from one section to another quickly.


In any application, the toc can be generated at load time.


See HTML - (Document) Outline

Discover More
HTML - (Document) Outline

This article talks: the extraction of the outline from a HTML document in order to create a HTML Table of Content The outline also known as the table of content is a list of one or more potentially...
Html Heading Sequentiel Order
HTML - Heading Content (Section Header) - Heading Elements (H1 to H6)

Heading define the structure / outline / table of content of the document (page) They are defined via: the heading element (h1/h6) via the aria heading role section of the document letter, the...
How to create a table of content in HTML ?

This page talks the creation of a Table of content in html. The TOC is created generally with a nav element net below the header of your article (ie main content). The table of content can be added...
Card Puncher Data Processing
The composition of a book

The structure of a book can described as being composed of the following part. Half-title: Usually contains: a picture, the title in fancy letters, and anything you would expect to have...
Card Puncher Data Processing
UI - Navigation

A navigation is just a sequence of actions that a user (or programmatic client) can perform. navigationpage’s URLPuppeteer definition...
Card Puncher Data Processing
UI - Section

A section is a region in a page that creates the outline of the page. Examples of sections would be: chapters (part), the various tabbed pages in a tabbed dialog box, or the numbered sections...

Share this page:
Follow us:
Task Runner