Google Answers Logo
View Question
 
Q: HTML Visualiser / Charter ? ( Answered 4 out of 5 stars,   0 Comments )
Question  
Subject: HTML Visualiser / Charter ?
Category: Computers > Internet
Asked by: southof40-ga
List Price: $5.00
Posted: 06 Jun 2003 04:49 PDT
Expires: 06 Jul 2003 04:49 PDT
Question ID: 213875
I'm looking for a website that given a URL will produce a on screen
diagram of the structure of the HTML tree which defines the web page
at the URL.

It's pretty hard to describe beyond that so I hope someone out there
understands  what I mean. The diagram doesn't have to be pretty just a
graphical representation of the tree like relationship between the
different HTML elements which make up the web page.
 
I'm sure that I've seen such a thing on one of those 'HTML Validation'
type pages but I can't find it now I need it.
Answer  
Subject: Re: HTML Visualiser / Charter ?
Answered By: eiffel-ga on 06 Jun 2003 06:40 PDT
Rated:4 out of 5 stars
 
Hi southof40,

You can view the tree structure of an HTML document by using an online
validation service provided by the World Wide Web Consortium ("W3C").

You need to use the extended interface to this service, which is
available at:

The W3C MarkUp Validation Service
http://validator.w3.org/detailed.html

or from a UK mirror site:

W3C HTML Validation Service (at UK Mirror Service)
http://www.mirror.ac.uk/services/validator/#byURI

On either of the above pages, enter a URL and check the "Show parse
tree" box. If you are not interested in the tag attributes, you can
also click the "exclude attributes from the parse tree" box.

You will then be shown the structure of the document as an indented
list of tags, their attributes, and their content.

An alternative view can be obtained by using the Mozilla browser to
view the page, then selecting "File | Edit Page" to open the page for
editing in a "Composer" window. Click on the "Show All Tags" tab in
the composer window, and Mozilla will show you the structure of the
document visually (as nested boxes with the tag at the top-left corner
of each box).


Additional Links:

Mozilla home page:
http://www.mozilla.org/

W3C home page:
http://www.w3.org/

Google Directory ... HTML ... Validators and Lints:
http://directory.google.com/Top/Computers/Software/Internet/Authoring/HTML/Validators_and_Lints/

Web Design Group's list of Validators and Checkers:
http://www.htmlhelp.com/links/validators.htm


Google search strategy:

html validator
://www.google.com/search?q=html+validator

html "parse tree"
://www.google.com/search?q=html+%22parse+tree%22

"show html tags"
://www.google.com/search?q=%22show+html+tags%22


Regards,
eiffel-ga
southof40-ga rated this answer:4 out of 5 stars
That's great - thanks very much. Although I use a Mozilla based
browser I was unaware of its own capabilities in this area which are
even better than the web based options. Thanks again.

Comments  
There are no comments at this time.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  


Google Home - Answers FAQ - Terms of Service - Privacy Policy