HTML5 Features Interview
Interview questions on HTML5 additions including media, forms, storage, and APIs.
1Major improvements introduced in HTML5?medium
Answer: Semantic tags, native audio/video, enhanced form types, storage APIs, and canvas.
2How are audio/video embedded in HTML5?easy
Answer: Using
audio and video tags with optional source elements.3What is canvas used for?medium
Answer: Dynamic drawing/graphics via JavaScript.
4localStorage vs sessionStorage?medium
Answer: localStorage persists across sessions; sessionStorage lasts for current tab session.
5Examples of new input types?easy
Answer: email, url, number, date, range, color, tel, search.
6What is Geolocation API?medium
Answer: Browser API that can provide user location with permission.
7Why use semantic HTML5 tags?medium
Answer: Better structure for accessibility, SEO, and maintainability.
8What is native form validation benefit?medium
Answer: Built-in client checks reduce extra JavaScript for common validations.
9What does
defer in script help with?easyAnswer: Prevents render blocking and runs script after HTML parsing.
10Interview best-practice summary?medium
Answer: Use modern HTML5 features where appropriate but keep graceful fallback strategy.
Tricky Q&A (10 Questions)
11localStorage persists until:tricky
Answer: Correct answer: Explicitly cleared by script/user. localStorage survives browser restarts until cleared.
12sessionStorage scope is:tricky
Answer: Correct answer: Per tab/window session. sessionStorage is isolated per browsing session.
13Geolocation API requires:tricky
Answer: Correct answer: User permission typically. Browsers prompt for location permission.
14canvas is primarily for:tricky
Answer: Correct answer: Scripted 2D drawing. canvas provides bitmap drawing via JS API.
15contenteditable attribute:tricky
Answer: Correct answer: Makes element user-editable. contenteditable allows in-place editing.
16details/summary elements provide:tricky
Answer: Correct answer: Native disclosure widget. details/summary create expand/collapse UI.
17required attribute validation is:tricky
Answer: Correct answer: Client-side hint; not security boundary. Always validate on server too.
18type='search' input may show:tricky
Answer: Correct answer: Clear button in some browsers. search inputs get search-specific UI in some UAs.
19Application Cache (appcache) is:tricky
Answer: Correct answer: Legacy/deprecated in favor of Service Workers. AppCache is obsolete; use service workers.
20HTML5 semantic elements improve:tricky
Answer: Correct answer: Document outline for AT and crawlers. Semantics clarify structure for machines and users.