Update questions for set 2 of semantic HTML quiz
Describe the Issue
Hello. Am I wrong her, or is the quiz wrong?
Affected Page
https://www.freecodecamp.org/learn/full-stack-developer/quiz-semantic-html/quiz-semantic-html
Your code
Expected behavior
I don't know, I am trying to learn
Screenshots
No response
System
- Device: [e.g. iPhone 6, Laptop]
- OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
- Browser: [e.g. Chrome, Safari]
- Version: [e.g. 22]
Additional context
No response
Hi @edvard0806 !
Let's break down each question.
For question 5, the b is the Bring attention to element. You can learn more about it here
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/b
For question 6, it would be the u element.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/u
Here is a direct quote on the ruby element from MDN docs
small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of East Asian characters.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ruby
And lastly here are the docs for the sup element
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sup
One of the use cases would be for superior lettering.
Since no changes are going to be made, I am going to close this issue.
But if you are interested in learning more about semantic HTML or have further questions, then please create a post on the forum or discord.
Happy coding!
Hi, @jdwilkin4
Thanks again for your helpful response and for pointing me to the relevant MDN documentation — I really appreciate it! After reviewing some of the quiz questions and comparing them with the official HTML spec and MDN references, I just wanted to share a few observations where I believe the quiz may have marked technically correct answers as incorrect:
Question 5 – element I answered “Bold Text”, which was marked incorrect. While MDN defines as an element used to draw attention to content that is not semantically important, it still visually renders text in bold. So while “Bring Attention To” may reflect intent, “Bold Text” describes its rendering accurately. I’d say both answers are arguably valid depending on interpretation.
Question 7 – Ruby annotations I answered , which was marked incorrect iis explicitly designed to repr "The element represents small annot
Question 18 – Superscript I answered “superior lettering” is not a common use case, but it was marked incorrect. While can technically be used for typographic superior letters, its common semantic use is for: Exponents (x²) Ordinal numbers (1ˢᵗ) Footnotes (¹)
“Superior lettering” is more of a visual style than a semantically meaningful use case, so I believe my answer was justified. Final thoughts
I completely understand that quizzes must enforce a consistent answer key, but I wanted to highlight these discrepancies since they may impact learners aiming for both accuracy and standards-compliance. Thanks again for your time — happy to continue the discussion if helpful!
Best regards, Edvard
While MDN defines as an element used to draw attention to content that is not semantically important, it still visually renders text in bold. So while “Bring Attention To” may reflect intent, “Bold Text” describes its rendering accurately. I’d say both answers are arguably valid depending on interpretation.
While its true that the rendered result would be bold, this question should still communicate when it is appropriate to use the b element. By allowing answers like Bold Text, that is the wrong reason why you should use the b. If you are just using it for styling purposes, you should use CSS instead.
That question can be reworded to the following if that is clearer
Which of the following elements is used to bring attention to text that is not important for the meaning of the content?
As for question 7, we could change that ruby distractor to something else like span or div
As for the last question, the answer could be changed to Chemical formulas since that is for the sub element.
I am going open this up for contribution and we will go with my suggestions here
https://github.com/freeCodeCamp/freeCodeCamp/issues/60692#issuecomment-2937233969
I'm having a hard time identifying the correct file to modify. What I am getting leads to a different challenge. I'll honestly appreciate some help.
@StephenMuya
Here is the quiz file
https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
But in general if you need to find things quickly, you can utilize search in these ways.
You can use Ctrl+F or Cmd + F to find things in a file
Or do a global search
Thank you, Jessica.
Is the issue still open ?
@rushabhhh it is not closed, so it is open
I am a Web3 frontend developer and a coding instructor. I have contributed successfully to different projects on onlyDust . I will implement the right questions and give the proper updates as requested.
@pheobeayo this issue is not open for contribution as it doesn't have the HELP WANTED label