Affiche l'architecture d'un XHTML

Affiche l'architecture d'un XHTML - HTML/CSS - Programmation

Marsh Posté le 23-05-2005 à 18:06:45    

En esperant que je vais pas me faire jeter du genre "ouai c pas la bonne section ici !! o revoa !!!" ( et oui ya un air de deja vu... :p) je vais tenter de poser la question ici...
 
Je cherche un script ou un soft permettant d'afficher la structure d'une page (la hierarchie d'une page web)...
Je m'explique...  
 j'aimerai pouvoir avoir une vue d'ensemble sur l'imbrication de mes elements dans ma page
 
par exemple :
 

Code :
  1. <html>
  2. <body>
  3.      <div id="bloc1">
  4.           <div id="chap1">
  5.           </div>
  6.           <div id="chap2">
  7.           </div>
  8.           <div id="chap3">
  9.           </div>
  10.      </div>
  11. </body>
  12. </html>


 
m'afficherait (logiquement :
 


html
 |____body
       |_____div (bloc1)
              |_____div (chap1)
              |_____div (chap2)
              |_____div (chap3)


 
... cela m'aiderait eventuellement à controller l'imbrication de mes div etc etc.. et voir si c cohérent et surtout si ils sont dans le bon ordre...
 
:jap:
 
merci d'avance !!!
 
Freed

Reply

Marsh Posté le 23-05-2005 à 18:06:45   

Reply

Marsh Posté le 23-05-2005 à 18:16:06    

Tu peux essayer le DOM Inspector de Mozilla & Firefox


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-05-2005 à 18:16:08    

Il te faut un logiciel de parsing XML [:spamafote]
 
Ou alors tu te le fais tout seul comme un grand ;)
 
Accessoirement, si tu retires le doctype de ton fichier HTML (si tu en as un) et que tu renommes le fichier de ".html" en ".xml" il te suffit de le larguer dans MSIE ou Firefox.
 
Ils vont tous deux le parser en tant que document XML, donc:
1- ils vont te dire si c'est du XML valide (affichage d'une erreur si ce n'est pas du XML valide)
2- ils vont construire un joli arbre XML déroulable
 
Edit: ah oui, très bonne suggestion de Antpaÿ sur le DOM Inspector. CTRL+MAJ+I si t'as pensé à l'installer.


Message édité par masklinn le 23-05-2005 à 18:16:48

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 18:16:39    

le validateur du W3C le fait pour peu ke tu coches la bonne case dans les options qu'ils proposent
 
C'est ici http://validator.w3.org/detailed.html


Message édité par afbilou le 23-05-2005 à 18:21:27
Reply

Marsh Posté le 23-05-2005 à 18:16:57    

Masklinn >> Ça ne marche que pour une page XHTML :o Si ça page est en HTML 4 ça ira pas...


Message édité par antp le 23-05-2005 à 18:17:13

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-05-2005 à 18:17:20    

antp a écrit :

Masklinn >> Ça ne marche que pour une page XHTML :o Si ça page est en HTML 4 ça ira pas...


Je sais :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 18:28:44    

bon je vais essayer ça.. de toutes façon ma page est en XHTML 1.0 strict donc ça devrait aller

Reply

Marsh Posté le 23-05-2005 à 18:32:56    

antp a écrit :

Tu peux essayer le DOM Inspector de Mozilla & Firefox


+1, excellent choix. :D

Reply

Marsh Posté le 23-05-2005 à 18:47:48    

effectivent j'ai reinstallé firefox avec les outils de developpeement (que je cherchais partout !) et là magie.. je vois l'architecture de ma page s'afficher avec succes... :jap:

Reply

Marsh Posté le 23-05-2005 à 19:49:54    

la powerband toolbar le fait tres bien, ainsi que le Dom inspector de mozilla

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed