• O validátoru
  • Novinky
  • Dokumentace
  • Integrace do prohlížečů
  • Výsledek:
    Dokument prošel validací.
    http://nejedniko.wz.cz/index.php?ln=en&w=index  
    text/html — HTML 5 
    UTF-8  (tvrdí interní deklarace) 
    Zobrazit:
    zdroj  

    # Stránka je validní HTML 5.

    Validovaná stránka úspěšně prošla kontrolou správnosti podle HTML 5. Používáte-li CSS, můžete svůj stylopis také zkontrolovat pomocí CSS validátoru (anglicky).

    Upozornění: Specifikace HTML 5 je stále ve fázi návrhu a užitý validační mechanismus také není stabilní.

    Zdrojový kód

    Zde je zdrojový kód validovaného dokumentu:

    1. <!DOCTYPE html>
    2. <html lang="cs-CZ">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=0.8">
    6.  
    7. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
    8. <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet"/>
    9. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"/>
    10. <link href="https://fonts.googleapis.com/css?family=Monofett" rel="stylesheet"/>
    11. <link href="https://fonts.googleapis.com/css?family=Cormorant+SC" rel="stylesheet"/>
    12. <link href="https://fonts.googleapis.com/css?family=Kelly+Slab" rel="stylesheet"/>
    13. <link href="https://fonts.googleapis.com/css?family=Aladin" rel="stylesheet"/>
    14. <link href="https://fonts.googleapis.com/css?family=IM+Fell+English+SC" rel="stylesheet" />
    15.  
    16. <link rel='stylesheet' type='text/css' href='./css/css-webstruct.css' />
    17. <link rel='stylesheet' type='text/css' href='./css/css-navbar_buttons_only.css'/>
    18. <title>index | KyberSoft × Nejedlý Nikola</title>
    19.  
    20. <meta name="author" content="Nejedlý Nikola">
    21. <meta name='description' content='Personal webpage'> <meta name="keywords" content="KyberSoft, electronics, elektronika, IT, TUL, podklady, hry, odkazy, materiály, projekty, projects, games, android, PC, hipster, nerd, geek, básník, gamer, DIY, stories, story, links, link, games, game, development, developing, creating, bastlení, bastl, nejedniko, bunnykill">
    22. </head>
    23. <body ondragstart="return false">
    24. <table id="toptitle">
    25. <tr><td><a href="index.php"><img src="image/KyberSoftLogo.png" alt="logo"></a></td>
    26. <td><img src="image/BG_wide_hill.png" id="hill1" alt=""></td>
    27. <td><img src="image/CatSquirrel_anim.gif" id="squirrel" alt=""></td>
    28. <td><img src="image/BG_wide_hill_big.png" id="hill2" alt=""></td>
    29. <td><img src="image/BunnykillCZE_logo_pxa.png" alt=""></td>
    30. </tr>
    31. </table>
    32.  
    33. <div id='navbar'>
    34.  
    35. <!--br>SQL Connected - Resource id #11<br--><!--br>SQL Connected - Resource id #11<br--><div class='main_button'><a href='/index.php?ln=en&w=index'>Home</a></div><div class='main_button'><div class='content'><ul><li><a href='/index.php?ln=en&w=blog01'>Blog [#01]</a></li><li><a href='/index.php?ln=en&w=blog02'>Blog [#02]</a></li></ul></div><div class='parent'>Blogָ</div></div><div class='main_button'><a href='/index.php?ln=en&w=void'>404err</a></div></div>
    36. <div class="language"><a href='/index.php?ln=cs&w=index'><img alt='cz' src='./image/flag_czech_republic.png'></a></div><div class="printer">
    37. <a target='_BLANK' href='/index.php?ln=en&w=index&print=1'><img alt='print' src='./image/icons/PNG/printer.png'></a></div><div id="bodyfoot"><div class="text_area">
    38. <div id="border_l"></div><div id="border_r"></div><div id="border_b"></div><div id="border_t"></div><div id="corner_lb"></div><div id="corner_rb"></div>
    39. <div id="txt"><br><h1>Lorem Ipsum h1</h1>
    40. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Quisque porta. Integer vulputate sem a nibh rutrum consequat. Morbi scelerisque luctus velit. Nunc auctor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam in lorem sit amet leo accumsan lacinia. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Phasellus faucibus molestie nisl. Nulla non lectus sed nisl molestie malesuada. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.</p>
    41. <p>Nam sed tellus id magna elementum tincidunt. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. In rutrum. Nunc dapibus tortor vel mi dapibus sollicitudin. Integer vulputate sem a nibh rutrum consequat. Nunc auctor. Etiam commodo dui eget wisi. Nunc dapibus tortor vel mi dapibus sollicitudin. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nulla quis diam. Vivamus luctus egestas leo. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim.</p>
    42. <p>Nulla pulvinar eleifend sem. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Praesent in mauris eu tortor porttitor accumsan. Donec vitae arcu. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Nullam sit amet magna in magna gravida vehicula. Aenean vel massa quis mauris vehicula lacinia. Aliquam erat volutpat. Pellentesque pretium lectus id turpis. Duis risus.</p>
    43. <h2>Lorem Ipsum h2</h2>
    44. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Quisque porta. Integer vulputate sem a nibh rutrum consequat. Morbi scelerisque luctus velit. Nunc auctor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam in lorem sit amet leo accumsan lacinia. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Phasellus faucibus molestie nisl. Nulla non lectus sed nisl molestie malesuada. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.</p>
    45. <p>Nam sed tellus id magna elementum tincidunt. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. In rutrum. Nunc dapibus tortor vel mi dapibus sollicitudin. Integer vulputate sem a nibh rutrum consequat. Nunc auctor. Etiam commodo dui eget wisi. Nunc dapibus tortor vel mi dapibus sollicitudin. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nulla quis diam. Vivamus luctus egestas leo. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim.</p>
    46. <h3>Ipsum Dolor h3</h3>
    47. <img src="./image/test.png" alt="image/icons/PNG/images.png" style="width:300px;height:200px;">
    48. <p>Ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Quisque porta. Integer vulputate sem a nibh rutrum consequat. Morbi scelerisque luctus velit. Nunc auctor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam in lorem sit amet leo accumsan lacinia. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Phasellus faucibus molestie nisl. Nulla non lectus sed nisl molestie malesuada. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.</p>
    49. <h4>Dolor Sit Amet h4</h4>
    50. <p>Dolor sit amet, consectetuer adipiscing elit. Integer tempor. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Quisque porta. Integer vulputate sem a nibh rutrum consequat. Morbi scelerisque luctus velit. Nunc auctor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam in lorem sit amet leo accumsan lacinia. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Phasellus faucibus molestie nisl. Nulla non lectus sed nisl molestie malesuada. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.</p>
    51. </div>
    52. </div><div class="foot">
    53. <div id="ft_bg_m"></div><div id="ft_bg_l"></div><div id="ft_bg_r"></div>
    54. <p>Nikola Nejedlý | KyberSoft © 2017</p>
    55. </div>
    56. <div style="display:block; position:relative; height:36px;">
    57. <p style="display:inline-block; position:relative; padding:5px; float:left;"><a href="http://validator.webylon.info/check?uri=nejedniko.wz.cz&ss=1" target="_blank">
    58. <img alt="HTML validation" style="border:0;width:88px;height:31px" src="image/W3C_HTML5_certified.png"/>
    59. </a></p>
    60. <p style="display:inline-block; position:relative; padding:5px; float:right;"><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">
    61. <img alt="CSS validation" style="border:0;width:88px;height:31px" src="image/valid-css-blue.png"/>
    62. </a></p>
    63. </div>
    64. <div id='quote'><blockquote>The fool doth think he is wise, but the wise man knows himself to be a fool.<cite>William Shakespeare (As You Like It)</cite></blockquote></div><!--WZ-REKLAMA-1.0IZ--><div style="clear:both;width:100%;height:60px;padding:0px;z-index:99;position:relative;"><div style="width:468px;height:60px;margin:0 auto;"><!-- Kontextová reklama Sklik --><div style="width:468px;height:60px;" id="sklikReklama_55033"></div><script type="text/javascript">var sklikData = { elm: "sklikReklama_55033", zoneId: 55033, w: 468, h: 60 };</script><script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script></div></div><!--WZ-REKLAMA-1.0IK--></div></body>
    65. </html>
    Validní HTML 4.01!

    2006–2008 © Chamurappi; tuto službu neprovozuje W3C.

    Nevíte-li si s něčím rady, doporučuji diskusi Jak psát web.