Technical Q&A Practice

Practice core interview questions for web developer and software engineer interviews. Filter by category, review answers, and study core concepts.

Advertisement Responsive Google AdSense Banner Slot
Explain semantic HTML5 and its benefits.

Semantic HTML5 uses tags that describe their meaning (e.g. <header>, <article>) rather than formatting. Benefits include better SEO, improved accessibility, and clean code.

What is the difference between block and inline elements?

Block elements start on a new line and take up the full container width (e.g. <div>, <p>). Inline elements display side-by-side and only occupy content width (e.g. <span>, <a>).

Explain the CSS Box Model and how sizing is calculated.

The CSS Box Model is the foundation of web layout. Every element is represented as a rectangular box consisting of margins, borders, padding, and the actual content. By default, the width and height of an element are calculated only for the content box (content-box), but using box-sizing: border-box includes padding and border in the specified dimensions, which is the standard practice for modern responsive designs.

Advertisement Responsive Google AdSense Banner Slot