How Can I identify HTML Errors in Website?

Discussion in 'Web Design and Development' started by mchrish58, Feb 9, 2018.

Tags:
  1. mchrish58 macrumors newbie

    mchrish58

    Joined:
    Feb 9, 2018
    Location:
    Chennai
    #1
    How Can I identify HTML Errors in Website? And How do I clear errors?
     
  2. npolly0212 macrumors 65816

    Joined:
    Sep 21, 2015
    #2
    What do you mean when you mean errors? Like missing tags, missing links, or much worse errors? I love using chrome and doing the right click and inspect and checking everything on there
     
  3. haydn! macrumors 6502a

    Joined:
    Nov 10, 2008
    Location:
    UK
    #3
    Chrome/Firefox and even Safari (to a less extent) are good for diagnosing issues.

    Also the https://validator.w3.org/ can be helpful for checking your HTML is complete and standards compliant - though sometimes the problem is not near the issue it caused but it gives you a clue of what to look for.
     
  4. IHelpId10t5 macrumors 6502

    Joined:
    Nov 28, 2014
    #4
    The W3C validator that haydn! mentions has always been the standard. If you are looking for malformed HTML then also look at the documentation for you editor of choice to see if it has a syntax checker. For example, BBEdit has a nice checker and even editors that don't have a dedicated feature will surely at least indirectly indicate problems with structure in the syntax colorization.

    For Javascript you should be using a linter like ESLint to check for errors and also can use the Console in any modern browser's developer tools to loor for execution errors.

    For LESS or SASS, your compiler should be flagging any errors.

    One excellent resource for checking for web development errors of nearly any language other that HTML during compiling, is the amazing CodeKit application (https://codekitapp.com/).
     

Share This Page

3 February 9, 2018