Skip to content

Knowledge check: HTML :HTML and CSS in depth (Meta Front-End Developer Professional Certificate) Answers 2025

1. Advantages of using <article> instead of <div> — Select all that apply

✔️ It better describes the meaning of the element to accessibility software
✔️ It allows search engines to better rank your pages
❌ It allows the browser to render the element faster


2. Best tag for navigation menu

✔️ <nav>
❌ <main>
❌ <div>


3. Recommended meta tags for modern web pages — Select all that apply

✔️ Description
✔️ Author
❌ Keywords (no longer recommended; search engines ignore it)
✔️ Viewport


4. Correct Open Graph tag for fixing wrong URL on social media

✔️ URL
❌ Title
❌ Description


5. Recommended validation for good UX + security

✔️ Both client-side and server-side validation
❌ Only server-side
❌ Only client-side


6. Which HTTP methods can be used to submit an HTML form?

✔️ GET
✔️ POST
❌ DELETE
❌ PUT


7. Form action submission URL

Current page: https://meta.com/hello
Form action: /login → absolute path
✔️ https://meta.com/login
❌ meta.com/
❌ meta.com/hello
❌ meta.com/hello/login


8. Correct statements for audio player with autoplay + pause — Select all that apply

✔️ Setting the controls attribute
✔️ Setting the autoplay attribute
❌ Setting the loop attribute (not required)
✔️ Set several source elements with distinct types (good practice)


9. Security measures when embedding via iframe

✔️ Apply sandboxing to the iframe
✔️ Validate that the web page is a trusted source
❌ Apply the allow attribute (this grants permissions, not security)


10. What is possible using <canvas>?

❌ Manipulating HTML elements (not possible)
✔️ 3D graphics rendering (via WebGL)
✔️ 2D graphics rendering


📊 Summary Table

Q# Correct Answer
1 Accessibility + SEO
2 <nav>
3 Description, Author, Viewport
4 URL
5 Both validations
6 GET, POST
7 https://meta.com/login
8 controls, autoplay, multiple sources
9 sandbox iframe, validate source
10 3D & 2D rendering