Choose Semantic HTML for a Purpose
Choose the element whose stated purpose matches the content or action.
About 18 minutes, plus any extended practice
Supplied materials
- Paper and pencil; answers may also be spoken or typed.
- All cases, labels, numbers and rules are supplied on this page. No real account, private information or purchase is needed.
Learn the idea
Semantic elements communicate the purpose of content to browsers and assistive tools. A heading identifies a section, a list groups items, a link navigates to a destination and a button performs an action. Using the appropriate element provides useful built-in behavior as well as meaning.
Choose the element whose stated purpose matches the content or action. A link and a button can look alike but serve different purposes.
Use this supplied case: Introduce a new subject section. Which element purpose fits? Use the details in this example. Say which detail helped you choose. This pretend example does not tell us how every real system works.
- Follow the worked example one step at a time. Say or draw what happens.
- Choose the element whose stated purpose matches the content or action.
- Say which detail makes the example answer fit. Pick another answer and say why it does not fit.
- Try the question and practice questions. Read the rule again if your answer does not match the explanation.
See the method in action
Introduce a new subject section. Which element purpose fits? The supported answer is Heading. Choose the element whose stated purpose matches the content or action. A link and a button can look alike but serve different purposes. Semantic elements communicate the purpose of content to browsers and assistive tools. The supplied facts, rather than an assumed real-world detail, determine this paper case. Compare the recorded action or value with the stated rule before choosing an answer.
Check your reasoning
Your answer is temporary and is not saved to an account. Download your current answer before leaving or reloading. Written work on paper or in another app stays in your own file.
Helpful tips
- Choose the element whose stated purpose matches the content or action.
- A link and a button can look alike but serve different purposes.
See the answer and explanation
List
The supplied case states: Present three related checklist items. Which element purpose fits? Under the stated distinction, this identifies List. Semantic elements communicate the purpose of content to browsers and assistive tools. A heading identifies a section, a list groups items, a link navigates to a destination and a button performs an action. Using the appropriate element provides useful built-in behavior as well as meaning. Choose the element whose stated purpose matches the content or action.
Take it further
A local Download action creates a file while an external Resource control navigates elsewhere. Choose an action button versus navigation link according to actual behavior.
Nothing here is saved to an account or sent to a teacher. The answer download includes your current choice and any checked feedback. It does not include choices from the separate More practice section. Download that section separately.
More practice: try new cases
Choose an answer for each problem. Explain your method on paper, then use the feedback to decide what to revisit.
Your choices are temporary. Feedback appears after you check all the answers.
Nothing here is saved to an account or sent to a teacher. Keep your own notes or download them before leaving. The score describes these questions; it does not certify subject mastery.
Check the subject sources
These LifeStarter passages, scenarios and exercises are authored for this Academy with AI assistance and review. External resources keep their publishers’ terms. A grade label suggests a starting level; it does not establish alignment with your school’s complete requirements.