HTML 代码
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main content</a>相关组件
跳至内容链接组件
一个视觉上吸引人的 3D 风格 Skip to Content 链接，可帮助用户绕过社交媒体界面上的导航菜单。该组件使用互补配色方案（蓝色和橙色），并通过阴影和变换实现 3D 效果。具有响应式设计和深色主题支持。该链接在聚焦或激活时固定在视区的左上角，使其易于键盘导航，同时在不使用时保持不显眼。