What does a doctype do?
Defines the document type and version of HTML
It helps browsers render the page correctly.
How do you serve a page with content in multiple languages?
Use the lang attribute in the HTML tag and provide localized content
This ensures accessibility and proper rendering for different languages.
What kind of things must you be wary of when designing or developing for multilingual sites?
- Text direction
- Character encoding
- Cultural differences
- SEO considerations
Each of these factors can affect user experience and site performance.
What are data- attributes good for?
Storing custom data private to the page or application
They allow for easy access to data in JavaScript without affecting the DOM.
Consider HTML5 as an open web platform. What are the building blocks of HTML5?
- Semantics
- Connectivity
- Offline capabilities
- Storage
- Multimedia
These features enhance the functionality and user experience of web applications.
Describe the difference between a cookie, sessionStorage, and localStorage.
- Cookie: Small data stored on the client, sent with every HTTP request
- sessionStorage: Data stored for the duration of the page session
- localStorage: Data stored with no expiration date
Each has different use cases and storage limits.
Describe the difference between <script>, <script async>, and <script defer>.
<script>: Blocks rendering until loaded<script async>: Loads in parallel without blocking rendering<script defer>: Loads after the document has been parsed
These attributes affect how scripts are executed and page performance.
Why is it generally a good idea to position CSS <link>s between <head></head> and JS <script>s just before </body>? Do you know any exceptions?
To ensure styles are loaded before scripts execute
An exception is when critical CSS is needed immediately for rendering above-the-fold content.
What is progressive rendering?
Loading and displaying content incrementally as it becomes available
This improves perceived performance and user experience.
Why would you use a srcset attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute.
To provide multiple image sources for different screen resolutions
The browser selects the most appropriate image based on the device’s display characteristics.
Have you used different HTML templating languages before?
Yes/No
This question assesses familiarity with various templating systems.
