[All skill tests](https://jobicy.com/tests.md) Skill assessment # HTML Semantic Structure and Document Landmarks Skills Test Evaluate how well you select and apply HTML elements that convey meaningful document structure. The test focuses on landmarks, sectioning content, headings, and contextual elements used in modern web pages. [Start the test](#test-start) Share Assessment setup Ready ## Choose the level that matches your current experience. * 01 Basic Available * 02 Intermediate Available * 03 Advanced Available Instant result Review your score after submission 20–30 Questions per assessment 15–45 min Estimated completion time 3 levels Choose your difficulty HTML [View category](https://jobicy.com/test-category/html-fundamentals.md) Start assessment ## Choose your level and begin. Answer without outside help so the result reflects your current knowledge. You will see your score after completing the selected assessment. Semantic HTML provides a meaningful structure for browsers, assistive technologies, search systems, and development teams. Knowing when to use elements such as main, nav, article, section, aside, header, footer, figure, and time helps create pages whose purpose remains clear without relying on visual styling alone. Basic Intermediate Advanced This is a demo version of the test. You may attempt up to 3 questions. To take the full test and save your results, please [log in](https://jobicy.com/dashboard-page.md) or [create an account](https://jobicy.com/dashboard-page#tab2.md). This is a demo version of the test. You may attempt up to 3 questions. To take the full test and save your results, please [log in](https://jobicy.com/dashboard-page.md) or [create an account](https://jobicy.com/dashboard-page#tab2.md). This is a demo version of the test. You may attempt up to 3 questions. To take the full test and save your results, please [log in](https://jobicy.com/dashboard-page.md) or [create an account](https://jobicy.com/dashboard-page#tab2.md). Test details ## Know what to expect. Review the instructions, covered skills, example question themes, and intended audience before beginning. 01 ### Instructions and covered skills Read each prompt carefully before selecting a response. Focus on the meaning and purpose of the content rather than its visual presentation. Keep your attention on the test and turn off notifications where possible. Consider how browsers and assistive technologies interpret document structure. Choose the response that best matches the intended HTML semantics. Review your selection before moving on, and avoid making assumptions based only on element names. ### Key Areas This test examines the ability to create meaningful HTML document structures using semantic elements. Candidates interpret the purpose of major landmarks, including header, nav, main, aside, and footer, and determine when each landmark communicates useful page-level or regional meaning. It also covers the distinction between self-contained content represented by article and grouped thematic content represented by section. Heading structure is another central area. Candidates should understand how h1 through h6 express a logical hierarchy based on content relationships, not visual size. The test also addresses contextual semantic elements such as figure, figcaption, time, address, details, summary, mark, and cite. These elements add meaning that can be understood by users, tools, and collaborators reviewing the source. Questions emphasize choosing elements according to the content's role. A semantic choice should remain appropriate if stylesheets are removed, visual layout changes, or the content is reused elsewhere. Candidates should recognize when a generic div is suitable and when a named element communicates a clearer purpose. ### Recommended Preparation Review the HTML specification and trusted accessibility references for landmark and sectioning elements. Practice mapping common page regions, such as site navigation, product information, related links, article metadata, and legal notices, to appropriate semantic elements. Build small document outlines and inspect whether the heading order reflects the relationships among topics and subsections. When reviewing existing markup, ask what each region means rather than how it looks. Check whether repeated content has a meaningful container, whether independent entries can stand on their own, and whether supplementary material is separated from primary content. Use browser accessibility inspection tools or screen-reader landmark navigation to confirm that the structure exposes useful regions and labels. This preparation supports maintainable templates, clearer content models, and more understandable web documents. 02 ### Examples of questions 1. Which HTML element identifies the primary content area of a document? 2. When should a navigation menu be placed inside a nav element? 3. Which element best represents a self-contained news story? 4. What is the semantic purpose of the aside element? 5. Which element associates a caption with an image or diagram? 6. When is a section element appropriate within a page? 7. Which element represents contact information for an article author? 8. How should headings be organized within a meaningful content hierarchy? 9. Which element can provide a machine-readable publication date? 10. What type of content belongs in a page footer? 03 ### Who this test is best for Web developers, content engineers, front-end designers, accessibility practitioners, and CMS implementers who create or review structured HTML documents. Related assessments ## Continue with a similar skill test. Explore assessments from the same professional area to compare adjacent skills and build a broader picture of your knowledge. [HTML 3 levelsHTML Forms and Validation Skills TestMaster intermediate HTML form structures and client-side validation techniques. This test assesses your ability to build complex forms with proper validation attributes and… Open assessment →](https://jobicy.com/tests/html-forms-and-validation-skills-test.md) [HTML 3 levelsHTML Fundamentals Skills AssessmentTest your understanding of HTML structure, semantics, and best practices with this comprehensive skills assessment. Designed to challenge your intermediate knowledge of HTML,… Open assessment →](https://jobicy.com/tests/html-fundamentals-skills-assessment.md) [JavaScript 3 levelsJavaScript Event Delegation and DOM Propagation Skills TestAssess your ability to handle browser events through delegation, bubbling, capturing, and propagation control. The test focuses on reliable event handling patterns for… Open assessment →](https://jobicy.com/tests/javascript-event-delegation-and-dom-propagation-skills-test.md) [Tailwind CSS 3 levelsTailwind CSS Variant Composition and State Styling Skills TestThis test evaluates the use of Tailwind CSS variants to style elements according to interaction, parent state, sibling state, attributes, and structural position.… Open assessment →](https://jobicy.com/tests/tailwind-css-variant-composition-and-state-styling-skills-test.md) [CSS 3 levelsCSS Cascade Layers and Specificity Resolution Skills TestAssess how CSS declarations compete through origin, importance, cascade layers, specificity, scope proximity, and source order. The test focuses on predicting and controlling… Open assessment →](https://jobicy.com/tests/css-cascade-layers-and-specificity-resolution-skills-test.md) [Vue.js 3 levelsVue.js Composition API Composables and Dependency Injection Skills TestEvaluate how well you design, consume, and test reusable Vue Composition API logic. The test focuses on composable state, lifecycle handling, dependency injection,… Open assessment →](https://jobicy.com/tests/vue-js-composition-api-composables-and-dependency-injection-skills-test.md) [Git & Version Control 3 levelsGit Rebase Conflict Resolution and History Recovery Skills TestEvaluate how well you can rebase feature work, resolve conflicts, recover from unwanted history changes, and coordinate rewritten branches. The test focuses on… Open assessment →](https://jobicy.com/tests/git-rebase-conflict-resolution-and-history-recovery-skills-test.md) [React 3 levelsReact Hooks for State and Side Effects Skills TestEvaluate your proficiency in React Hooks including useState, useEffect, useContext, and more. This test measures your ability to manage state and side effects… Open assessment →](https://jobicy.com/tests/react-hooks-for-state-and-side-effects-skills-test.md) [Git & Version Control 3 levelsGit Branching and Merging Strategies Skills TestEvaluate your proficiency in Git branching and merging, including branch creation, management, merge strategies, and conflict resolution. This test covers essential techniques for… Open assessment →](https://jobicy.com/tests/git-branching-and-merging-strategies-skills-test.md) ## Share the assessment or try another skill. Send this test to a colleague or friend, or return to the assessment library to explore another professional area. Share this test [Browse all tests](https://jobicy.com/tests.md)