HTML5 and Document Object Model

Question 1

Markup language and Hyper Text Markup Language (HTML)

Answer 1

Describes the structure and content of the webpage

Question 2

Tags

Answer 2

The markup syntax that defines elements

Question 3

Attributes

Answer 3

Additional info about an element

Question 4

Programming Languages

Answer 4

Contains logic and instructions (Of code? Think python, Javascript)

Question 5

Semantic HTML uses …

Answer 5

Uses elements that conveys meaning about the content. Elements are the building blocks of HTML

Question 6

What does HTML5 improve?

Answer 6

Improves clarity

Question 7

Accessibility

Answer 7

A moral obligation and legal requirement. Build an accessibility tree from the DOM

Question 8

Web Content Accessibility Guidelines (WCAG)

Answer 8

Provides standards for inclusive web content

Question 9

Document Object Model (DOM)

Answer 9

A programming interface for HTML documents. Not the HTML source code

Question 10

Shadow DOM

Answer 10

Allows encapsulation of DOM subtrees

Question 11

Style isolation

Answer 11

Styles outside don’t leak out and vice versa

Question 12

Tree structure

Answer 12

DOM is a tree representation of a HTML document

Question 13

Node relationship

Answer 13

Parent, child, and sibling relationships enable navigation

Node = Point in a tree

Question 14

Rendering pipeline

Answer 14

Browers parse HTML to build the DOM during rendering

Question 15

DevTools

Answer 15

Inspect and modify the DOM interactively in real-time

Question 16

What is a Virtual DOM?

Answer 16

A JavaScript representation of the DOM used by frameworks like React