Fixit – Structure

All but the most simple documents should indicate their structure through the use of headings and sub-headings. Headings should not be used solely to create font effects. This test checks that your document has been written with a logical structure

Using headings and sub-headings

In XHTML (and HTML) there are a number of heading tags whose purpose is to indicate a heading or sub-heading. These are:h1, h2, h3, h4, h5, h6. This test checks that if these heading tags are used, and that they are nested correctly. To use these headings and sub-headings correctly in your markup, each sub-heading should be exactly one level below the previous heading. For example, h2 can follow h1, buth3 cannot since it is two levels below h1.

Incorrect:
.
.
<h1>This is a heading</h1>

<h3>This is a sub-heading, but it is not nested correctly, it should be a h2</h3>
.
.

Correct:
.
.
<h1>This is a heading</h1>

<h2>This is a sub-heading which is correctly nested</h2>
.
.

Reference

This test is based on a W3C mobileOK best practice test. See http://www.w3.org/TR/mobile-bp/#STRUCTURE for more details

 

Leave a Reply

Exclusive tips, how-tos, news and comment

Receive monthly updates on the world of mobile dev.

Other Products

Market leading device intelligence for the web, app and MNO ecosystems
DeviceAtlas - Device Intelligence

Real-time identification of fraudulent and misrepresented traffic
DeviceAssure - Device Verification

A free tool for developers, designers and marketers to test website performance
mobiReady - Evaluate your websites’ mobile readiness

© 2024 DeviceAtlas Limited. All rights reserved.

This is a website of DeviceAtlas Limited, a private company limited by shares, incorporated and registered in the Republic of Ireland with registered number 398040 and registered office at 6th Floor, 2 Grand Canal Square, Dublin 2, Ireland