Structural blocks

By structural blocks we mean those which sole purpose is to give a visual structure to the page: header, main menu, content, footer, etc.

A page with structural blocks.

All the pages generally have in common the blocks at the top and bottom:

The availability of other blocks depends of the page:

  Home Search Search result Property Request Request thank you
Header yes yes yes yes yes yes
Main menu yes yes yes yes yes yes
Request menu yes yes yes yes yes yes
Page image yes no yes no no yes
Search menu yes yes yes no no no
Content yes yes yes yes yes yes
Functions no yes yes yes yes no
Footer yes yes yes yes yes yes
  Online booking summary Online booking payment in progress Online booking payment aborted Online booking terms Basic page Form
Header yes yes yes yes yes yes
Main menu yes yes yes yes yes yes
Request menu yes yes yes yes yes yes
Page image yes yes yes no yes yes
Search menu no no no no yes yes
Content yes yes yes no yes yes
Functions yes no no no no yes
Footer yes yes yes yes yes yes

The HTML code [3] of a property page would then be:

<body>
	<div id=”global”>
		<div id=”header”></div>
		<div id=”mainmenus”></div>
		<div id=”requestmenus”></div>
		<div id=”pageimage”></div>
		<div id=”searchmenus”></div>
		<div id=”content”></div>
		<div id=”functions”></div>
		<div id=”footer”></div>
	</div>
</body>

Content blocks

These are the blocks which produce the actual content inside each structural block.

A page with content blocks inside structural blocks.

For example, inside the content block Search menu there are the Search dates, Search guests and Search options blocks:

<body>
<div id=”searchmenus”>
	<div id=”searchmenu_1”>
		<div id=”search_dates”></div>
		<div id=”search_guests”></div>
		<div id=”search_options”></div>
	</div>
</div>

[3] HTML examples in this documentation are generally simplified.