Web Developer 面接の質問と回答

質問 6. What is the difference between HTML and XHTML?

HTML is more forgiving and allows for more flexibility, while XHTML is stricter and follows XML syntax.

Example:

HTML: 
Hello World

XHTML: 
Hello World

質問 7. Explain the box model in CSS.

The box model consists of content, padding, border, and margin. It defines the spacing and dimensions of an element.

Example:

div {
  width: 200px;
  padding: 20px;
  border: 2px solid black;
  margin: 10px;
}

質問 8. What is the purpose of the 'defer' attribute in a script tag?

The 'defer' attribute delays the execution of a script until the HTML parsing is complete.

Example:

質問 9. Explain the concept of closures in JavaScript.

Closures allow a function to access variables from its outer scope even after the function has finished executing.

Example:

function outer() {
  let x = 10;
  function inner() {
    console.log(x);
  }
  return inner;
}
const closureExample = outer();
closureExample();

質問 10. Differentiate between sessionStorage and localStorage in HTML5.

sessionStorage stores data for the duration of a page session, while localStorage stores data with no expiration time.

Example:

sessionStorage.setItem('key', 'value');
localStorage.setItem('key', 'value');