Change Heading Levels

A SurveyJS form or survey is rendered using standard HTML elements: <form>, <div>, <span>, <input>, etc. To render question, panel, page, and survey titles, the form uses HTML section headings (<h1>-<h6>), which help you better structure an HTML document and are used by search engines to understand the hierarchy of the web page content. When specifying section headings, you shouldn't skip levels: always start with <h1>, then <h2>, and so on. However, a SurveyJS form can be displayed in different environments—occupy an entire page alone or integrate into another page with its own headings. In each case, the same form elements may have different heading levels to ensure that the HTML document conforms to the standard. This demo shows how to change the heading levels of form elements. Read more...