VendorsExamsEnterprise
Support
Request an ExamContact UsFAQ

CIW Advanced HTML5 and CSS3 Specialist Free Sample Questions

Description

Covers HTML5 development for apps and websites, CSS3 styling, 2D/3D transformations and animations, JavaScript events and functions, the DOM and Canvas API, form validation, and accessibility.

12 free sample questions108 in the full practice test

Try simulator

1D0-720 Sample Questions

  1. Question 1

    Advanced

    HTML5 Essentials · Apps vs. Mobile Websites

    As the Lead Solutions Architect for a telemedicine startup, you are evaluating the delivery platform for a new patient portal.

    The portal must support offline appointment viewing, push notifications for prescription reminders, and hardware access (such as the device camera) for telehealth calls.

    Budget constraints prohibit developing separate iOS and Android codebases, but the user experience must feel native and be installable directly from the browser without app store approval.

    Which of the following approaches is the OPTIMAL solution?

    Answer and explanation

    Correct answer: A

    A Progressive Web App (PWA) is the optimal solution. PWAs utilize HTML5 APIs (like the MediaDevices API for camera access), Service Workers for offline capabilities and push notifications, and a Web App Manifest to allow users to install the app directly from the browser to their home screen. This bypasses app stores and avoids the cost of maintaining separate native codebases.

    flowchart TD Start([Platform Decision]) --> Budget{Budget for Native?} Budget -->|No| Store{Needs App Store?} Store -->|No| Features{Needs Offline/Push?} Features -->|Yes| PWA[Progressive Web App] Features -->|No| Web[Traditional Mobile Website] Budget -->|Yes| Native[Native iOS/Android]

  2. Question 2

    Intermediate

    HTML5 Essentials · HTML5 Structure Tags

    While structuring a news aggregator webpage, a front-end specialist needs to group a headline, author byline, and the main story text into a self-contained, independently distributable unit.

    Which HTML5 semantic element is the MOST appropriate for wrapping this content to ensure universal markup compliance?

    Answer and explanation

    Correct answer: A

    The element represents a complete, or self-contained, composition in a document, page, application, or site that is, in principle, independently distributable or reusable. This perfectly fits a news story with its headline and byline.

  3. Question 3

    BeginnerMultiple answers

    HTML5 Essentials · HTML5 Multimedia Elements

    To ensure cross-browser compatibility for an embedded promotional video, a web designer is configuring the HTML5 element with multiple tags.

    Which TWO video formats are the widely supported standard formats specifically designed for HTML5 video? (Select TWO)

    Answer and explanation

    Correct answers: A, B

    WebM and MP4 are the two dominant, widely supported video formats designed for the HTML5 element. Providing both ensures near-universal compatibility across all modern browsers.

  4. Question 4

    Intermediate

    HTML5 Essentials · Images for Mobile Webpages

    To optimize bandwidth for mobile users, an engineer is implementing responsive images. They need the browser to automatically select between a standard resolution image and a high-resolution (Retina) image based strictly on the device's pixel density.

    Which HTML5 attribute should be applied to the tag to achieve this?

    Answer and explanation

    Correct answer: A

    The 'srcset' attribute allows developers to specify multiple image sources along with their pixel density descriptors (like 1x, 2x). The browser uses this information to intelligently download the most appropriate image for the user's screen density.

  5. Question 5

    Beginner

    HTML5 Essentials · HTML5 Code Validation

    True or False: The W3C Markup Validation Service can evaluate a mobile webpage's HTML5 code to identify missing closing tags and deprecated elements, ensuring universal markup compliance.

    Answer and explanation

    Correct answer: A

    True. The W3C Markup Validation Service checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. It identifies syntax errors, missing closing tags, and the use of deprecated elements, which is a critical step in creating universal, standards-compliant markup for both desktop and mobile platforms.

  6. Question 6

    Intermediate

    Cascading Style Sheets (CSS) Technology and CSS Version 3 (CSS3) · CSS Function and Purpose

    During a UI redesign, an overriding style is not applying to a navigation link. The stylesheet contains the following selectors targeting the same element:

    1: nav ul li a
    2: .menu-item a:hover
    3: #primary-nav a
    4: a[data-active="true"]

    According to CSS specificity rules, which selector has the highest specificity weight?

    Answer and explanation

    Correct answer: A

    Specificity is calculated by counting IDs, Classes/Attributes/Pseudo-classes, and Elements (A, B, C).
    #primary-nav a has 1 ID and 1 Element (1,0,1). This is higher than any combination of classes and elements.

    | Selector | IDs | Classes/Pseudo | Elements | Total Weight | |----------|-----|----------------|----------|--------------| | nav ul li a | 0 | 0 | 4 | 0,0,4 | | .menu-item a:hover | 0 | 2 | 1 | 0,2,1 | | #primary-nav a | 1 | 0 | 1 | 1,0,1 (WINNER) | | a[data-active="true"] | 0 | 1 | 1 | 0,1,1 |

Register free for 6 more questions

Or unlock all 108 1D0-720 questions with explanations, timed mode and flashcards.

Related practice tests

All CIW practice exams