Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Uitleg W3C HTML VALIDATOR

h4xX0r
9 antwoorden
  • Ik heb m'n website gechecked bij de HTML Validator van W3C, maar ik snap dus niks van de Error. Kan iemand even beschrijven wat ik fout doe?
    Hieronder de foutmeldingen [de meeste zijn hetzelfde]:


    Error Line 4 column 72: end tag for "meta" omitted, but OMITTAG NO was specified.
    …ype" content="text/html; charset=iso-8859-1">
    You may have neglected to close an element, or perhaps you meant to "self-close" an element


    Error Line 101 column 13: there is no attribute "action".
    <FORM action="http://localhost/phpbb2/login.php" method="post" target="main">


    Error Line 101 column 56: there is no attribute "method".
    <FORM action="http://localhost/phpbb2/login.php" method="post" target="main">


    Error Line 101 column 70: there is no attribute "target".
    …calhost/phpbb2/login.php" method="post" target="main">


    Error Line 101 column 76: element "FORM" undefined.
    …b2/login.php" method="post" target="main">


    Error Line 103 column 9: there is no attribute "style".
    <P style="text-align: center">


    Error Line 103 column 29: element "P" undefined.
    <P style="text-align: center">


    Error Line 104 column 12: there is no attribute "class".
    <SPAN class="forumline" cellSpacing="1" cellPadding="3" width="100%" border="0">


    Error Line 104 column 36: there is no attribute "cellSpacing".
    <SPAN class="forumline" cellSpacing="1" cellPadding="3" width="100%" border="0">

    Error Line 106 column 72: element "SPAN" undefined.
    …middle" align="center" height="28" width="90">
  • heb je een online voorbeeld, want te zien aan de error gebruik je waarschijnlijk een heel strict of ene heel oud doctype.. maar het is nu tasten in het duister :)

    even een paar tips wat ik nu al kan geven:
    [list:d3c1f5e285]
    [*:d3c1f5e285]werk in kleine letters
    [*:d3c1f5e285]probeer meer met css te doen (veel meer mee te regelen)
    [/list:u:d3c1f5e285]
  • Jaa, ik doe eigenlijk alles in me stylesheet.. Daar zitten dan ook geen fouten in als ik hem door de validator haal.. Zie hier de broncode: [code:1:507ef03b7a]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title></title>
    <link href="111.css" rel="stylesheet" type="text/css">
    <STYLE TYPE="text/css">
    IFRAME {
    background-color:#FFFFFF;
    border: 1px;
    }
    </STYLE>
    </head>
    <body>
    <div id="main">
    <!– Begin Main –>
    <div id="header">
    <!– Begin header –>
    <span id="logo"><img src="x360index_03.gif" width="375" height="82" alt="PimpJeConsole"></span>
    <span id="logo2"><img src="x360index_05.gif" width="343" height="82" alt="PimpJeConsole"></span>
    </div>
    <!– Einde Header! –>
    <div id="content">
    <!– Begin Content –>
    <div id="left">
    <!– Begin navigatie links! –>
    <div class="linklist">
    <ul>
    <li><h2>Navigatie</h2></li>
    <li><a href="#" title="Home">Home</a></li>
    <li><a href="#" title="X360 Home">X360 Home</a></li>
    <li><a href="#" title="X360 Nieuws">X360 Nieuws</a></li>
    <li><a href="#" title="X360 Tutorials">X360 Tutorials</a></li>
    <li><a href="#" title="X360 Extra">X360 Extra</a></li>
    </ul>
    </div>
    <!– eind linklist –>

    <div class="phpbox">
    <!–Begin DIV poll –>
    <h2>Poll</h2>
    <p>Waarvoor doet deze layout het niet in IE?</p>
    <p>
    Ligt aan LayOut!<br /> <img src="poll.gif" width="79" height="8" alt="Pollplaatje" /> 79 %<br />
    IE zuigt!<br /> <img src="poll.gif" width="21" height="8" alt="Pollplaatje" /> 21 %<br />
    <i>Aantal stemmen: 134</i></p>
    </div>
    <!– eind DIV poll –>
    <div>
    <!– Begin TABLE –>
    <table align="center" id="ditwordthem" width="140" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3">
    <img src="images/gallerij.gif" width="140" height="21" alt=""></td>
    </tr>
    <tr>
    <td><p><img src="modxbox.jpg" height="75px" width="100px"></p></td>
    </tr>
    <tr>
    <td colspan="3">
    <img src="images/horlijn.gif" width="140" height="2" alt=""></td>
    </tr>
    </table>
    </div>
    <!– Eind Table –>
    </div>
    <!– eind navigatie LEFT –>
    <div id="middle">
    <!– Begin Main Content –>
    <span class="maintitle"><h2 align="center">Main Content</h2></span>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas blandit. Nulla sit amet purus sed dui mollis pharetra. Fusce
    mattis consectetuer eros. Nullam eu sapien. Nullam ut ligula et velit suscipit tincidunt. Etiam vestibulum, dui vitae tempus rutrum,
    tortor enim commodo augue, id mattis erat augue eget mi. Maecenas aliquet. Duis arcu sapien, faucibus ac, tristique mattis, bibendum a,
    nulla. Phasellus tempus, neque sit amet accumsan pharetra, massa massa ultricies magna, eget feugiat sem dolor eget mi. Maecenas ac
    turpis eu lorem fermentum pellentesque.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas blandit. Nulla sit amet purus sed dui mollis pharetra. Fusce
    mattis consectetuer eros. Nullam eu sapien. Nullam ut ligula et velit suscipit tincidunt. Etiam vestibulum, dui vitae tempus rutrum,
    tortor enim commodo augue, id mattis erat augue eget mi. Maecenas aliquet. Duis arcu sapien, faucibus ac, tristique mattis, bibendum a,
    nulla. Phasellus tempus, neque sit amet accumsan pharetra, massa massa ultricies magna, eget feugiat sem dolor eget mi. Maecenas ac
    turpis eu lorem fermentum pellentesque. Oke dus als ik nog een bla bla stukje typ denk jij dat de PHP box mee groeit? lijkt me sterk kerel!</p>
    </div>
    <!– Einde Maincontent –>
    <div id="right">
    <!– Begin Sub-Content –>
    <div class="linklist">
    <!– Begin Linklist –>
    <ul>
    <li><h2>Tutorials</h2></li>
    <li><a href="#" title="Home">Home</a></li>
    <li><a href="#" title="X360 Home">X360 Home</a></li>
    <li><a href="#" title="X360 Nieuws">X360 Nieuws</a></li>
    <li><a href="#" title="X360 Tutorials">X360 Tutorials</a></li>
    <li><a href="#" title="X360 Extra">X360 Extra</a></li>
    </ul>
    </div>
    <!– einde linklist –>
    <div class="fbox">
    <!– Begin PHPBox –>
    <h2>Forum</h2>
    <p>Hieronder zou ik graag een inlogscherm willen!</p>
    <FORM action="http://localhost/phpbb2/login.php" method="post" target="main">

    <P style="text-align: center">
    <SPAN class="forumline" cellSpacing="1" cellPadding="3" width="100%" border="0">
    <!– Begin forumline –>
    <SPAN class="row1" VALIGN="middle" align="center" height="28" width="90">
    <!– Begin row1 –>
    <SPAN class="gensmall">
    <INPUT class="post" size="12" name="username" value="Username"><br>
    <INPUT class="post1" type="password" size="12" name="password" value="Password"><br>
    <INPUT class="mainoption" type="submit" value="Log in" name="login"><BR />
    </SPAN>
    </SPAN>
    <!– einde row1 –>
    </SPAN>
    </P>
    <!– einde forumline –>
    </FORM>



    </div>
    <!– eind SubContent –>
    </div>
    <!– Einde Content –>
    <div id="footer">
    <!–Begin Footer –>
    <h2>#foot</h2>
    <ul class="hidden-navigation">
    <li><a href="#navigations" title="Jump to the main navigation">Skip to navigation</a></li>
    <li><a href="#header" title="Jump to the top of the page">Top of the page</a></li>
    </ul>
    <p>Dit is de footer a.k.a feet</p>
    </div>
    <!– eind footer –>
    </div>
    <!– Einde Main –>
    </body>
    </html>
    [/code:1:507ef03b7a]
  • Oohjaah, let niet op dat stukje STYLE in de Header, dat is nergens goed voor, gewoon even een probeersel.. :lol:
  • heb hem even door mijn editor heen gerolt (let even niet op het stricte doctype) en daar krijg ik er 9 errors strict uit, 7 trans.

    [code:1:6806341206]
    <!– Copyright Rogier van der Sluijs == PimpjeConsole.nl 2006 –>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>PimJeConsole!</title>
    <link href="111.css" rel="stylesheet" type="text/css" />
    <style type="text/css">

    iframe {
    background-color:#FFFFFF;
    border: 1px;
    }
    p.c2 {text-align: center}
    h2.c1 {text-align: center}

    </style>
    </head>

    <body>
    <div id="main">
    <!– Begin Main –>

    <div id="header">
    <!– Begin header –>
    <span id="logo"><img src="x360index_03.gif" width="375" height="82" alt=
    "PimpJeConsole" /></span> <span id="logo2"><img src="x360index_05.gif" width="343" height="82"
    alt="PimpJeConsole" /></span>
    </div><!– Einde Header! –>

    <div id="content">
    <!– Begin Content –>

    <div id="left">
    <!– Begin navigatie links! –>

    <div class="linklist">
    <ul>
    <li>
    <h2>Navigatie</h2>
    </li>

    <li><a href="#" title="Home">Home</a></li>

    <li><a href="#" title="X360 Home">X360 Home</a></li>

    <li><a href="#" title="X360 Nieuws">X360 Nieuws</a></li>

    <li><a href="#" title="X360 Tutorials">X360 Tutorials</a></li>

    <li><a href="#" title="X360 Extra">X360 Extra</a></li>
    </ul>
    </div><!– eind linklist –>

    <div class="phpbox">
    <!–Begin DIV poll –>

    <h2>Poll</h2>

    <p>Waarvoor doet deze layout het niet in IE?</p>

    <p>Ligt aan LayOut!
    <br />
    <img src="poll.gif" width="79" height="8" alt="Pollplaatje" /> 79 %
    <br />
    IE zuigt!
    <br />
    <img src="poll.gif" width="21" height="8" alt="Pollplaatje" /> 21 %
    <br />
    <em>Aantal stemmen: 134</em></p>
    </div><!– eind DIV poll –>

    <div>
    <!– Begin TABLE –>

    <table align="center" id="ditwordthem" width="140" border="0" cellpadding="0" cellspacing=
    "0">
    <tr>
    <td colspan="3"><img src="images/gallerij.gif" width="140" height="21" alt="" /></td>
    </tr>

    <tr>
    <td>
    <p><img src="modxbox.jpg" height="75px" width="100px" alt=
    "T&amp;#39;pol from enterprise picture" /></p>
    </td>
    </tr>

    <tr>
    <td colspan="3"><img src="images/horlijn.gif" width="140" height="2" alt="" /></td>
    </tr>
    </table>
    </div><!– Eind Table –>
    </div><!– eind navigatie LEFT –>

    <div id="middle">
    <!– Begin Main Content –>

    <h2 class="c1"><span class="maintitle">Main Content</span></h2>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas blandit. Nulla sit amet
    purus sed dui mollis pharetra. Fusce mattis consectetuer eros. Nullam eu sapien. Nullam ut
    ligula et velit suscipit tincidunt. Etiam vestibulum, dui vitae tempus rutrum, tortor enim
    commodo augue, id mattis erat augue eget mi. Maecenas aliquet. Duis arcu sapien, faucibus ac,
    tristique mattis, bibendum a, nulla. Phasellus tempus, neque sit amet accumsan pharetra, massa
    massa ultricies magna, eget feugiat sem dolor eget mi. Maecenas ac turpis eu lorem fermentum
    pellentesque.</p>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas blandit. Nulla sit amet
    purus sed dui mollis pharetra. Fusce mattis consectetuer eros. Nullam eu sapien. Nullam ut
    ligula et velit suscipit tincidunt. Etiam vestibulum, dui vitae tempus rutrum, tortor enim
    commodo augue, id mattis erat augue eget mi. Maecenas aliquet. Duis arcu sapien, faucibus ac,
    tristique mattis, bibendum a, nulla. Phasellus tempus, neque sit amet accumsan pharetra, massa
    massa ultricies magna, eget feugiat sem dolor eget mi. Maecenas ac turpis eu lorem fermentum
    pellentesque. Oke dus als ik nog een bla bla stukje typ denk jij dat de PHP box mee groeit?
    lijkt me sterk kerel!</p>
    </div><!– Einde Maincontent –>

    <div id="right">
    <!– Begin Sub-Content –>

    <div class="linklist">
    <!– Begin Linklist –>

    <ul>
    <li>
    <h2>Tutorials</h2>
    </li>

    <li><a href="#" title="Home">Home</a></li>

    <li><a href="#" title="X360 Home">X360 Home</a></li>

    <li><a href="#" title="X360 Nieuws">X360 Nieuws</a></li>

    <li><a href="#" title="X360 Tutorials">X360 Tutorials</a></li>

    <li><a href="#" title="X360 Extra">X360 Extra</a></li>
    </ul>
    </div><!– einde linklist –>

    <div class="fbox">
    <!– Begin PHPBox –>

    <h2>Forum</h2>

    <p>Hieronder zou ik graag een inlogscherm willen!</p>

    <form action="http://localhost/phpbb2/login.php" method="post" target="main">
    <p class="c2"><span class="forumline" cellspacing="1" cellpadding="3" width="100%" border=
    "0"><!– Begin forumline –>
    <span class="row1" valign="middle" align="center" height="28" width="90"><!– Begin row1 –>
    <span class="gensmall"><input class="post" size="12" name="username" value="Username" />
    <br />
    <input class="post1" type="password" size="12" name="password" value="Password" />
    <br />
    <input class="mainoption" type="submit" value="Log in" name="login" />
    <br /></span></span> <!– einde row1 –></span></p><!– einde forumline –>
    </form>
    </div><!– eind SubContent –>
    </div><!– Einde Content –>

    <div id="footer">
    <!–Begin Footer –>

    <h2>#foot</h2>

    <ul class="hidden-navigation">
    <li><a href="#navigations" title="Jump to the main navigation">Skip to navigation</a></li>

    <li><a href="#header" title="Jump to the top of the page">Top of the page</a></li>
    </ul>

    <p>Dit is de footer a.k.a feet</p>
    </div><!– eind footer –>
    </div><!– Einde Main –>
    </div>
    </body>
    </html>
    [/code:1:6806341206]

    dit heeft voornamelijk te maken met het feit dat er atributen in zitten die niet bij XHTML horen (width, height, align, cellspacing)

    ik denk dat het dus te maken heeft met verkeerd gebruik van tags, dus bijv. verkeerd genest en etc.

    zie ook de code heel anders is geworden, ik weet niet of dit de bedoeling is, maar de meeste fouten zijn er wel uit
  • Oke tnx, :D Hij doet het niet helemaal goed meer maar dat is makkelijk te fixen. Maar is er ergens een tutorial ofzo, hoe ik bv. Width height en cellpadding -spacing, en vooral ALIGN kan vervangen.. ?
  • Als je XHTML wilt gebruiken, heb je wel meer kennis nodig dan 'ff' iets over align etc. XHTML is meer dan alleen een ander doctype erboven plakken en denken dat het zo ook wel lukt, het heeft enkele andere regels dan HTML en is stukken stricter.
    Zie bijv. de volgende topics met meer info over XHTML:
    http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=144289
    http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=152225

    Tutorials genoeg over CSS… Width, height, align, het behoort allemaal tot de opmaak van een pagina en die behoor je bij gebruik van XHTML te regelen met CSS (in HTML overigens ook, maar daar zijn de regels minder strict). Zie CSS, HTML en starten met een website voor een lading links met meer info. Erg laagdrempelig is W3schools.com, maar ik zou die niet gebruiken als tutorial, slechts als naslag ('hoe doe je dat ook alweer'). Lees ook eens de Nederlandstalige artikelen op Validweb voor de basics.
  • Volgens mij bestaat de tag FORM , vandaar dat deze blaat dat er geen attribute nvoor zijn.
    Naar mijn idee moet je form gebruiken in kleine letters.

    En meta moet je eindigen met /> ipv >
  • Zie ook 'verschillen xhtml html' voor hoe XHTML wel/niet moet.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.