Title: WP HTML5 Outliner
Author: rsborn
Published: <strong>28 novembre 2018</strong>
Last modified: 27 janvier 2020

---

Recherche d’extensions

Cette extension **n’a pas été testée avec plus de trois mises à jour majeures de
WordPress**. Elle peut ne plus être maintenue ou supportée et peut avoir des problèmes
de compatibilité lorsqu’elle est utilisée avec des versions de WordPress plus récentes.

![](https://ps.w.org/wp-html5-outliner/assets/icon.svg?rev=1982265)

# WP HTML5 Outliner

 Par [rsborn](https://profiles.wordpress.org/rsborn/)

[Télécharger](https://downloads.wordpress.org/plugin/wp-html5-outliner.zip)

 * [Détails](https://fr.wordpress.org/plugins/wp-html5-outliner/#description)
 * [Avis](https://fr.wordpress.org/plugins/wp-html5-outliner/#reviews)
 * [Développement](https://fr.wordpress.org/plugins/wp-html5-outliner/#developers)

 [Support](https://wordpress.org/support/plugin/wp-html5-outliner/)

## Description

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 `<hgroup>` 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.

## Captures d’écrans

[⌊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.

## FAQ

  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_: `<blockquote>`, `<body>`, `<details>`, `<dialog>`, `<fieldset
>`, `<figure>`, `<td>` _Sectioning content_: `<article>`, `<aside>`, `<nav>`, `<
section>` _Heading content_: `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`

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).

## Avis

Il n’y a aucun avis pour cette extension.

## Contributeurs/contributrices & développeurs/développeuses

« WP HTML5 Outliner » est un logiciel libre. Les personnes suivantes ont contribué
à cette extension.

Contributeurs

 *   [ rsborn ](https://profiles.wordpress.org/rsborn/)

[Traduisez « WP HTML5 Outliner » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/wp-html5-outliner)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/wp-html5-outliner/),
consulter le [SVN dépôt](https://plugins.svn.wordpress.org/wp-html5-outliner/), 
ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/wp-html5-outliner/)
par [RSS](https://plugins.trac.wordpress.org/log/wp-html5-outliner/?limit=100&mode=stop_on_copy&format=rss).

## Journal des modifications

#### 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!

## Méta

 *  Version **1.3.0**
 *  Dernière mise à jour **il y a 7 ans**
 *  Installations actives **10+**
 *  Version de WordPress ** 3.3 ou plus **
 *  Testé jusqu’à **5.3.26**
 *  Version de PHP ** 5.4.5 ou plus **
 *  Langue
 * [English (US)](https://wordpress.org/plugins/wp-html5-outliner/)
 * Étiquettes
 * [accessibility](https://fr.wordpress.org/plugins/tags/accessibility/)[HTML5](https://fr.wordpress.org/plugins/tags/html5/)
   [outline](https://fr.wordpress.org/plugins/tags/outline/)
 *  [Vue avancée](https://fr.wordpress.org/plugins/wp-html5-outliner/advanced/)

## Évaluations

Aucun avis n’a encore été envoyé.

[Votre avis](https://wordpress.org/support/plugin/wp-html5-outliner/reviews/#new-post)

[Tout voir](https://wordpress.org/support/plugin/wp-html5-outliner/reviews/)

## Contributeurs

 *   [ rsborn ](https://profiles.wordpress.org/rsborn/)

## Support

Quelque chose à dire ? Besoin d’aide ?

 [Voir le forum de support](https://wordpress.org/support/plugin/wp-html5-outliner/)