quickest way to find broken DIVs - html

I have a site that is calling a great deal of HTML from a third party source. Trouble is, I think they are returning malformed code to me.
I need a quick way to find additional DIV closures, is this possible?

create a page calling just the provided code then validate it - W3C Validator

Just install View shource chart add on for firefox and u can find the source generated in a formatted manner which is easy to find the unwanted tags..

You can try this:
http://www.tormus.com/en/tools/div_checker
Will find non matching divs for you. Very helpful

Try w3 org validator

While an IDE is not specifically mentioned, I would highly recommend putting the code into an IDE.
In Dreamweaver CS6 you can Validate directly to WC3 from within Dreamweaver. When an error is found you can go directly to that portion of the code and leverage the tools of the IDE.

Related

HTML to PDF using HTML::HTMLDoc

i have generated PDF file from HTML using HTML::HTML Doc but while opening the file, it shows following error what should I do please help me...
error:
Could not open foo.pdf
I dont know what tool you may be using, but you can try using DOMPDF https://code.google.com/p/dompdf/
However, I think this is a little old, I havent used it recently, and I think it may be php driven.
EDIT: Its PHP driven from what I read, but is compliant from CSS2.1 towards CSS3 :)

Tools for tracking down un-closed tags

I'm trying to track down two missing closing div tags in a 2500 line html document, obviously I'm doing this manually but I remember that Visual Studio helpfully highlights the closing tag of the currently selected tag.
Don't have VS available but wondered if anyone knew of similarly helpful tool for this kind of task?
//update
Should probably say that I'm already using a validator and an editor with syntax highlighting - mainly I'm curious to find out what others use.
I like Firefox's add-on HTML Validator:
https://addons.mozilla.org/en-US/firefox/addon/html-validator/
It works and you never have to leave your browser or copy/paste markup.
W3C also has a great validation service.
http://validator.w3.org/
I absolutely love Geany. Haven't used it in a few months (forced to work on a .net project), but IIRC, it will do exactly what you need.
http://www.geany.org/

best HTML validator/parser?

I have a large HTML file, and it looks like some tags are not closed. It's hard to find it. I am using VIM as the editor.
Is there any good way to find it?
You can validate your html using http://validator.w3.org/
Just make sure you specify the DOCTYPE correctly and it'll find anything that is invalid.
I assume you are on running Linux?! If so, you could try Eclipse
It is a complete IDE, which will help you in many cases and make programming a lot more efficient
Just use Notepad++. It is free and light weight code editor, and I already found many unclosed tags in my html with it...
HTML Validator (extension for Firefox) has helped me in the past. You need to load the page in the browser to find the errors.
If you can put you code online you could try Dr. Watson.
Another validator to try is the CSE HTML Validator. The online version is here:
http://www.OnlineWebCheck.com/

how to validate html code

i want to check the mistake of our html code.
are you suggest me some method in firefox to improve mark up code and solve old code mistake.
How to edit the html. who give me error list node by node like a ul is missing etc.
I think you need to look at the Web Developer Toolkit and Firebug plugins. Between them you can do just about anything you need to do in terms of debugging html and css.
Firefox addon:
HTML Validator
W3C:
W3C Validator
HI,
You should use firebug for this will help to developer to know about error or mistake.
and
http://validator.w3.org/ is also help to know mistakes and some software as dreamweaver and notepad++ will help.
Try going to http://validator.w3.org/
You're after this: http://validator.w3.org/.
Not sure what you're referring to specifically. If you're talking about W3C validation you can access the validator tool here.
If something isn't displaying right you could install firebug (Firefox addon) to see what's happening, though this is more of a CSS issue than html.
Without knowing the specifics of your problem it is hard to give more specific advice than that.
If you're using Java on the server side, you can add the JTidy servlet to your web.xml to validate all HTML generated by your web application.

Tool to find malformed HTML?

I'm looking for a tool that could help me fix malformed HTML. For example:
<div id="foo">
<div id="bar">
<span>Test</span>
</div>
The tool would detect a missing and inform me the the div with id 'bar' on line 2 is not closed. I know about the w3c validator (using it with the Web Developer Toolbar). But I find the validator tool slow to use. Additionally, once a tag is not closed, the rest of the page generates lots of errors.
This tool can either be a standalone application or a browser plugin.
I'm using Eclipse, JSP, JSTL and jQuery to generate HTML. Even if Eclipse give me some indication on malformed HTML, I have mostly generated code. Therefore, it would be best if the tool analyze the resulting page.
This sounds like a job for HTML Tidy.
HTMLTidy will fix your errors
xmllint will find your errors
Even the W3C Validator will find your malformed/unclosed HTML.
I would, as a rule, always be sure to pass my HTML and CSS through their validators, though HTML Tidy is a nice little app to have around too.
https://addons.mozilla.org/en-US/firefox/addon/249 This firefox extension has done me good as well...
If you want a command line interface, you can use: https://github.com/yaniswang/HTMLHint
It has also its grunt plugin: https://github.com/yaniswang/grunt-htmlhint