Board Infinity
Semantic HTML & Accessibility
Board Infinity

Semantic HTML & Accessibility

Board Infinity

位教师:Board Infinity

包含在 Coursera Plus

深入了解一个主题并学习基础知识。
中级 等级

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度
深入了解一个主题并学习基础知识。
中级 等级

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度

您将学到什么

  • Build semantic, structured web pages using HTML5 and landmark elements

  • Apply ARIA roles and keyboard navigation to improve web accessibility

  • Optimize website performance using Core Web Vitals and responsive markup

  • Create modern, accessible UI features using <dialog>, PWAs, and Web Components

要了解的详细信息

可分享的证书

添加到您的领英档案

最近已更新!

June 2025

作业

12 项作业

授课语言:英语(English)

了解顶级公司的员工如何掌握热门技能

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Modern Web Development: Advanced HTML & CSS 专项课程 专项课程的一部分
在注册此课程时,您还会同时注册此专项课程。
  • 向行业专家学习新概念
  • 获得对主题或工具的基础理解
  • 通过实践项目培养工作相关技能
  • 获得可共享的职业证书

该课程共有3个模块

This module lays the foundation for writing meaningful, standards-compliant HTML that not only structures content effectively but also enhances accessibility and search engine visibility. You’ll begin by understanding what makes HTML “semantic” and how it differs from non-semantic markup. Then, you’ll explore how to use document landmarks, headings, and ARIA roles to create a clear, navigable structure for both users and assistive technologies. Finally, the module dives into accessibility fundamentals, covering best practices for ARIA attributes, keyboard navigation, and common testing tools—empowering you to build inclusive websites from the ground up.

涵盖的内容

11个视频4篇阅读材料4个作业1个讨论话题2个插件

This module focuses on how semantic HTML contributes to faster, more stable, and responsive web experiences. You'll explore Core Web Vitals—LCP, CLS, and INP—and understand their impact on real-world performance. Through practical techniques like image optimization, lazy loading, and responsive markup, you’ll learn to deliver lightweight and visually stable pages across devices. The module also covers modern native HTML features such as <dialog>, accessible popovers, and form enhancements to improve interactivity without relying heavily on JavaScript frameworks. By the end of this module, you'll be equipped to build efficient, user-friendly, and inclusive web interfaces.

涵盖的内容

10个视频3篇阅读材料4个作业1个插件

In this module, you’ll explore how semantic HTML integrates with modern web technologies to create scalable, maintainable, and globally accessible websites. You’ll begin with the fundamentals of Progressive Web Apps (PWAs), learning how to configure web app manifests and implement service workers for offline support. Then, you’ll dive into Web Components and Shadow DOM to build reusable, encapsulated HTML elements. Finally, the module covers SEO optimization using structured data and strategies for internationalizing your content for global audiences. These modern enhancements will help you future-proof your websites while maintaining accessibility and semantic integrity.

涵盖的内容

11个视频3篇阅读材料4个作业1个插件

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Board Infinity
Board Infinity
184 门课程317,940 名学生

提供方

Board Infinity

从 Mobile and Web Development 浏览更多内容

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情,我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程,Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好:它远不止于此。Coursera 让我无限制地学习。'
Coursera Plus

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能,使其在数字经济中脱颖而出

常见问题