Markup from hell

A collection of bad practices in HTML, copied from real websites.

  1. #9 Cookie Consent from Hell

    submitted on by Manuel
    <body>
    <header></header>
    <main></main>
    <footer></footer>

    <div class="cookie_consent modal">
    <p>We use cookies…</p>
    <div class="cookie_consent__close">
    <i class="fa fa-times"></i>
    </div>
    <div class="cookie_consent__ok">OK</div>
    </div>
    </body>

  2. #8 anchor tag used as button

    submitted on by Sven
    <a href="#" onclick="modal.open()">Login</a>

  3. <table>
    <tr id="body">
    <td id="body">
    <table id="body">
    <tr id="body_row">
    <td id="body_left"></td>
    <td id="body_middle"></td>
    <td id="body_right"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

  4. <a href="javascript:void(1)" onClick='window.location="index.html"'>Link</a>

  5. #5 button-like-link

    submitted on by Vadim
    <a href="#form" role="button" aria-haspopup="true"> &nbsp;&nbsp;Register&nbsp;&nbsp; </a>