React 标题永远不要担心在复杂的 React 应用程序中使用错误的标题级别(h1、h2 等)!
无论组件结构如何,React-headings 都会维护适当的标题层次结构,以提高可访问性和 SEO,同时您可以完全控制呈现的内容。
参考资料: WCAG 2.0 技术 H69 Lighthouse SEO 标题顺序审计 目录 Demos Highlights 安装示例 API Changelog Contributing Demos 最小自定义组件 高级结构亮点 灵活 专注于开发人员体验 完全测试 Typed with TypeScript 与组件库(Material UI 等)一起使用 支持服务器端渲染 1 kB 以下缩小 & gzipped 遵循语义版本控制 安装 npm install react-headings # 或 yarn add react-headings 示例 基本用法 import React from "react";
import { H, Section } from "react-headings";
从“./MyIcon”导入 MyIcon;
函数父组
1