This assignment will help you solidify your understanding of modern HTML5 structure while applying foundational concepts of web accessibility and search engine optimization (SEO). You’ll create a simple, semantically correct web page that prioritizes both human and machine readability—two pillars of great web design.
Build a basic web page using HTML5 semantic tags, applying accessibility best practices and beginner-friendly SEO principles. Your final output should demonstrate a well-structured layout that supports screen readers and is optimized for discoverability.
Use only HTML5. No CSS or JavaScript is required at this stage. Focus on using meaningful semantic elements to structure your page. Avoid using <div> or <span> unless absolutely necessary. Ensure your page has clearly defined sections such as a header, navigation, main content, and a footer.
Incorporate accessibility by using proper HTML5 landmarks and attributes that improve navigation for assistive technologies. Your HTML should reflect thoughtful planning of hierarchy and readability, both for users and search engines.
For SEO, emphasize the use of heading tags in the correct order, provide descriptive text, and ensure your content is both human-readable and crawler-friendly. Consider how a search engine would interpret your page in terms of structure and content clarity.
A single HTML file named index.html. It should include:
- A semantic structure using appropriate HTML5 elements.
- Clear headings in a logical hierarchy.
- Accessibility enhancements using proper tags and attributes.
- SEO-friendly metadata and content.
- Use HTML5 semantic tags appropriately.
- Organize content with accessibility in mind.
- Apply basic on-page SEO techniques.
- Follow clean, readable HTML code structure.