- - Afficher la table des matières des éléments HTML sur un site Web dans Chrome

Afficher la table des matières pour les éléments HTML sur un site Web sous Chrome

Des programmes de développement Web sophistiqués aident à écrirecoder facilement que si vous deviez le faire sans eux. Non seulement ils accélèrent le travail et aident à éviter les problèmes de syntaxe courants, mais ils sont également un excellent outil pour les débutants qui pourraient se sentir dépassés par l'effort nécessaire pour écrire une simple page HTML. Si rien d'autre, ils peuvent vous aider à apprendre le code. Le seul inconvénient que vous pourriez rencontrer avec un programme de développement Web, en particulier lorsque vous l'utilisez pour apprendre à coder, est qu'il n'est pas équipé pour analyser les sites Web dans votre navigateur. Si votre domaine d'intérêt particulier est le HTML, alors HTML5 Outliner est une excellente extension Chrome qui vous aideraanalyser différents éléments HTML sur une page Web. L'extension ajoute une icône carrée à la barre d'URL qui, lorsque vous cliquez dessus, ouvre une vue de table des matières de tous les en-têtes et sections HTML 5. L'extension fonctionne également pour les éléments HTML 4.

Éléments de la table des matières affichéssont cliquables et l'extension défilera et mettra en surbrillance l'élément que vous sélectionnez. Le point culminant ne fonctionne pas toujours mais la navigation est entièrement fonctionnelle.

HTML5 Outliner

L'extension a ses limites; il détecteratous les éléments HTML sur à peu près n'importe quelle page, mais la table des matières elle-même est une histoire différente. Le tableau repose sur l'écriture du code conformément aux spécifications HTML 5 appropriées ou à une bonne structuration HTML. Si le code ne les respecte pas, l'extension peut ne pas charger une table des matières acceptable.

Par exemple; si vous avez utilisé des tableaux pour définirla mise en page de votre page, il est probable que vous ne verrez aucune table des matières. La raison en est rien de plus que du code mal écrit, car les dispositions sont mieux définies avec CSS et non avec des tables. Pour l'instant, vous ne pourrez pas utiliser l'extension sur des fichiers HTML enregistrés localement en raison d'une petite limitation avec l'extension et de quelque chose à voir avec les autorisations Chrome.

HTML5 Outliner n'est évidemment pas pour le communutilisateur; il est destiné aux développeurs Web, débutants et confirmés. Pour les débutants, cela devrait s'avérer pratique lors de la prévisualisation de la mise en page d'un site en cours de développement. Pour les développeurs qualifiés, c'est un moyen rapide de naviguer entre les éléments d'une page Web et de vérifier le code derrière chacun.

Installer HTML5 Outliner à partir du Chrome Web Store

commentaires