Title: WP HTML5 Outliner Author: rsborn Published: 2018 年 11 月 28 日 Last modified: 2020 年 1 月 27 日 --- 搜索插件 **该插件尚未通过WordPress的最新3个主要版本进行测试**。当与较新版本的WordPress一起使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/wp-html5-outliner/assets/icon.svg?rev=1982265) # WP HTML5 Outliner 作者：[rsborn](https://profiles.wordpress.org/rsborn/) [下载](https://downloads.wordpress.org/plugin/wp-html5-outliner.zip) * [详情](https://cn.wordpress.org/plugins/wp-html5-outliner/#description) * [评价](https://cn.wordpress.org/plugins/wp-html5-outliner/#reviews) * [开发进展](https://cn.wordpress.org/plugins/wp-html5-outliner/#developers) [支持](https://wordpress.org/support/plugin/wp-html5-outliner/) ## 描述 WP HTML5 Outliner (WPH5O) adds an HTML 5 outline plus a heading-level outline to the WordPress Toolbar. #### Features * Matches the outlines provided by the [W3C Markup Validation Service](https://validator.w3.org/#validate_by_uri+with_options). _Caveat_: In an HTML 5 outline, the W3C validator may hide some of the headings in an `` if any of them are empty. WPH5O will not. This difference is presentational, not structural. * Adds an ‘Outline’ node to the Toolbar. Outlines are displayed in a dropdown box, with the option to view them in a new browser window. * Runs only on pages or posts the user can edit. Administrators can view outlines for any page or post. Administration Screens are not outlined. ## 屏幕截图 [⌊HTML 5 outline in a Toolbar dropdown box. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0.⌉⌊HTML 5 outline in a Toolbar dropdown box. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0.⌉[ HTML 5 outline in a Toolbar dropdown box. _Theme_: Twenty Nineteen. _Context_: Homepage. _WordPress Version_: 5.0. [⌊Heading-level outline in a Toolbar dropdown box. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0.⌉⌊Heading-level outline in a Toolbar dropdown box. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0.⌉[ Heading-level outline in a Toolbar dropdown box. _Theme_: Twenty Nineteen. _Context_: Homepage. _WordPress Version_: 5.0. [⌊HTML 5 outline and heading-level outline in a new window. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0.⌉⌊HTML 5 outline and heading-level outline in a new window. Theme: Twenty Nineteen. Context: Homepage. WordPress Version: 5.0 .⌉[ HTML 5 outline and heading-level outline in a new window. _Theme_: Twenty Nineteen. _Context_: Homepage. _WordPress Version_: 5.0. ## 常见问题 What is an HTML 5 outline? An HTML 5 outline represents the sections of an HTML document. Each section corresponds to an element from one of three categories: _Sectioning root_: `

`, ``, `
`, ``, `
`, `
`, `` _Sectioning content_: `
`, `
`, `
`, `< section>` _Heading content_: `
`, `
`, `
`, `
`, `
`, `
` Sections may be nested to create subsections. Source: [W3C HTML 5.2 Specification](https://www.w3.org/TR/html52/sections.html) What is a heading-level outline? A heading-level outline represents the sections of an HTML document. Each section corresponds to a heading element. Sections may be nested to create subsections. Sources: [W3C Quality Assurance](https://www.w3.org/QA/Tips/headings), [W3C HTML 5.2 Specification](https://www.w3.org/TR/html52/sections.html) Why do these outlines matter? Each outline shows how well a page meets web standards for marking up document structure. User agents, particularly screen readers, use the heading-level outline to aid navigation. However, no web browsers or assistive technologies make use of the HTML 5 outline. So, really, the question is this: Why does _that_ outline matter? Although user agents still haven’t implemented the HTML 5 outline ([introduced in 2008](https://www.w3.org/TR/2008/WD-html5-20080610/the-root.html#outlines)), developers aren’t giving up on it. And they have their reasons. The MDN web docs highlight some [problems solved by HTML 5 document structure](https://wiki.developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines$revision/1532798#Problems_solved_by_HTML5). Sources: [W3C Web Accessibility Initiative](https://www.w3.org/WAI/tutorials/page-structure/headings/), [W3C HTML 5.2 Specification](https://www.w3.org/TR/html52/sections.html) Is there developer documentation? Yes. The source code conforms to [WordPress Inline Documentation Standards](https://make.wordpress.org/core/handbook/best-practices/inline-documentation-standards/). Fork this plugin at the [WPH5O GitHub page](https://github.com/ryansborn/WP_HTML5_Outliner). ## 评价此插件暂无评价。 ## 贡献者及开发者「WP HTML5 Outliner」是开源软件。以下人员对此插件做出了贡献。贡献者 * [ rsborn ](https://profiles.wordpress.org/rsborn/) [帮助将「WP HTML5 Outliner」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-html5-outliner) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-html5-outliner/)，查看[SVN仓库](https://plugins.svn.wordpress.org/wp-html5-outliner/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-html5-outliner/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-html5-outliner/)。 ## 更新日志 #### 1.3.0 * Change text domain to plugin slug. * Add i18n support to JS files. * Edit readme section titled “Why do these outlines matter?”. #### 1.2.0 * Add function to load plugin’s text domain. * Ensure ‘No outline was created’ message replaces heading-level outline if source has no headings. #### 1.1.0 * Fix notices for empty headings in an hgroup element that also contains non-heading elements. * Shorten Toolbar node title to “Outline”. #### 1.0.0 * Release the plugin! ## 额外信息 * 版本 **1.3.0** * 最后更新：**6 年前** * 活跃安装数量 **10+** * WordPress 版本 ** 3.3 或更高版本 ** * 已测试的最高版本为 **5.3.21** * PHP 版本 ** 5.4.5 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/wp-html5-outliner/) * 标签 * [accessibility](https://cn.wordpress.org/plugins/tags/accessibility/)[HTML5](https://cn.wordpress.org/plugins/tags/html5/) [outline](https://cn.wordpress.org/plugins/tags/outline/) * [高级视图](https://cn.wordpress.org/plugins/wp-html5-outliner/advanced/) ## 评级尚未提交反馈。 [Your review](https://wordpress.org/support/plugin/wp-html5-outliner/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/wp-html5-outliner/reviews/) ## 贡献者 * [ rsborn ](https://profiles.wordpress.org/rsborn/) ## 支持有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/wp-html5-outliner/)