Web page Orchestration Rules

The so-called outline, simply speaking, is the structure of the content blocks in the document. Can be divided into explicit and implicit orchestration of 2 ways.

Explicit orchestration: Explicitly use section elements to create a document structure, using headings within each content chunk

Implicit orchestration: Do not explicitly use elements such as section, according to the page written in the title of the various levels of the content block automatically created.

Implicit orchestration makes it easy to automate the entire document structure and the desired document structure, and also to cause confusion in the document structure, so you need to use display orchestration as much as possible.

Different content chunks can use the same level of title.

Structure---Outline arrangement of HTML5 structure
1. Display the content area block and explicitly create the document structure using elements such as section
2. Implicit layout of content area blocks, unclear use, more demand
3. Title grading, sub-area block & New Area block
4. Different area blocks can use the same level of title

Title Rating

Different headings have different levels, H1 have the highest level, and the H6 level is the lowest. Implicit orchestration automatically generates content chunks as follows:

If the newly-appearing title is lower than the previous heading level, a subordinate content chunk is generated.

If the newly-appearing caption is higher or equal than the previous heading level, a new content chunk is generated.

Different content chunks can use the same level of title

In addition, different content blocks can use the same level of title. For example, parent content chunks and child content chunks can use the same level of title H1. The advantage of this is that each level of the title can be individually designed, if you need both "title of the whole page" and "title of the article" (such as when writing a document), this will bring great convenience.

Web page Orchestration Rules