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 |