html

Question 1

What does the DOM do?

Answer 1

defines the logical structure of documents and the way a document is accessed and manipulated

Question 2

What does a doctype do?

Answer 2

instructs the web browser about what version of HTML the page is written in.

Question 3

How do you serve a page with content in multiple languages?

Answer 3

Set the language html tag to a default and provide rules for displaying content in multiple languages using different language elements.

Question 4

What kind of things must you be wary of when design or developing for multilingual sites?

Answer 4

• Mistranslation
• Content organisation (right to left, left to right)
• Cultural awareness when it comes to stock images and color palate
• Encoding and special characters

Question 5

What are data- attributes good for?

Answer 5

data-* attributes allow us to store extra information on standard, semantic HTML elements, but it’s not encouraged.

Question 6

Consider HTML5 as an open web platform. What are the building blocks of HTML5

Answer 6

Semantics, Connectivity, Offline and storage, Multimedia, 2D/3D graphics and effects, Performance and integration, Device access, Styling

Question 7

Describe the difference between a cookie, sessionStorage and localStorage

Answer 7

cookie
Expiry — Manually set
Persistent across browser sessions — Depends on whether expiration is set
Have domain associated — Yes

localStorage
Expiry — Forever
Persistent across browser sessions — Yes

sessionStorage
Expiry — On tab close
Persistent across browser sessions — No
Have domain associated — No

Question 8

Describe the difference between , and

.

Answer 8

script: rendered with html
script async: executed asynchronously with HTML
script defer: executed after HTML has rendered

Question 9

Why is it generally a good idea to position CSS s between and JS s just before

Answer 9

placing at the top allows the page to render progressively which improves user experience
Downloading the scripts at the bottom will allow the HTML to be parsed and displayed to the user first

Question 10

What is progressive rendering?

Answer 10

the name given to techniques used to render content for display as quickly as possible, (e.g., lazy loading or prioritising visible content)