自动增加您的 HTML 标题(h1、h2 等)以提高可访问性和 SEO。-源码

上传者: 42128270 | 上传时间: 2021-06-09 13:03:59 | 文件大小: 221KB | 文件类型: ZIP
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; 函数父组

文件下载

资源详情

[{"title":"( 17 个子文件 221KB ) 自动增加您的 HTML 标题(h1、h2 等)以提高可访问性和 SEO。-源码","children":[{"title":"react-headings-master","children":[{"title":".eslintrc <span style='color:#111;'> 264B </span>","children":null,"spread":false},{"title":".releaserc.json <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"ci-and-publish.yml <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"stale.yml <span style='color:#111;'> 431B </span>","children":null,"spread":false},{"title":"ci.yml <span style='color:#111;'> 704B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"assets","children":[{"title":"react-headings.png <span style='color:#111;'> 35.56KB </span>","children":null,"spread":false}],"spread":true},{"title":"jest.config.js <span style='color:#111;'> 302B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 808.71KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.spec.tsx <span style='color:#111;'> 4.14KB </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 517B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 76B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 6.37KB </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 85B </span>","children":null,"spread":false},{"title":"extensions.js <span style='color:#111;'> 78B </span>","children":null,"spread":false}],"spread":true}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明